块元素的基本语法
1. Html块元素 ,块元素在开始时候通常以新行开始,比如h1,p,ul
2.内联元素,通常不会以新行开始,比如a,b,img
3.html的p元素,p也被称为块元素,其主要作为组合html元素的容器
4.html的span元素,span元素是内联元素,可作为文本的容器
!!!!!!代码实例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5块元素</title> <link rel="stylesheet" type="text/css" href="myStyle.css"> <style> span{ color:chartreuse; } </style></head><body> <p>这是一个段落</p> <h1>这是一个标题</h1> <b>这是一个加重</b> <a>这是一个超链接</a> <p id="pId"> <p> 这是一个段落 </p> <a>这是一个超链接</a> </p> <p> <P><span>这是一个span测试,</span>测试效果</P> </p></body></html>
css代码
#pId p{ color:red;}
pId是di的id,后面的p是指定P标签
效果图
块元素的基本语法
1. Html块元素 ,块元素在开始时候通常以新行开始,比如h1,p,ul
2.内联元素,通常不会以新行开始,比如a,b,img
3.html的p元素,p也被称为块元素,其主要作为组合html元素的容器
4.html的span元素,span元素是内联元素,可作为文本的容器
!!!!!!代码实例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5块元素</title> <link rel="stylesheet" type="text/css" href="myStyle.css"> <style> span{ color:chartreuse; } </style></head><body> <p>这是一个段落</p> <h1>这是一个标题</h1> <b>这是一个加重</b> <a>这是一个超链接</a> <p id="pId"> <p> 这是一个段落 </p> <a>这是一个超链接</a> </p> <p> <P><span>这是一个span测试,</span>测试效果</P> </p></body></html>
css代码
#pId p{ color:red;}
pId是di的id,后面的p是指定P标签
效果图
以上就是H5学习之旅-H5的块标签的使用(9)的内容,更多相关内容请关注PHP中文网(www.erdangjiade.com)!
友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群