1、块元素 <p></p> <h1></h1> <ul></ul>------------------------------------以新行形式显示
2、内联元素<b></b> <a></a>---------------------------------------------------------不会以新行开始
3、<div>元素也称为块元素,配合一些样式来使用(比如css),是组合html元素的容器。
1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>块元素</title> 5 <Link rel="stylesheet" type="text/css" href="practice1.css"> 6 <!--需要Link引入css文件--> 7 <!--rel="stylesheet" type="text/css"(css样式)都是一样的--> 8 </head> 9 <body> 10 <div id="divid"> <!--引用css文件时,需要用到 id=" ***** "--> 11 <p>hello</p> 12 <a>lihua</a> 13 </div> 14 </body> 15 </html>
1 #divid a{ /*css文件需要#开头*/ /*空格加a或b或p等等,表示在HTML文件中只改变这些标签的属性*/ 2 color:royalblue; /*颜色属性*/ 3 }
4、<span>内联元素,可做文本的容器(比<div>元素范围小)。
1 <div id="divspan"> 2 <p><span>这是一个测试效果</span>span是什么样子</p> <!--可以在span元素里写style=“red”同样能达到改变字体颜色的效果,但更推荐在<head></head>中写--> 3 </div>
1 <style type="text/css"> 2 span{ 3 color:aquamarine; 4 } 5 </style>
问题:为什么不可以像div元素一样在css文件中写入属性,达到span的效果(span标签内的内容属性被改变,以外的内容不变),却要在<head></head>中写入<style></style>?
div和span的区别?
divspan和 divid是什么?
①百度不到
②差别就在于div是块级元素,不会其他元素在同一行;span是内联元素,可以与其他元素位于同一行。所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行。
③id作用是给元素独一无二的标识或标记,让流览器在分析处理网页时找到id所在的地方。这里divspan和 divid是地址名称可以改变。
扫描二维码关注公众号,回复:
5865160 查看本文章