扫码关注官方订阅号
84669人学习
65727人学习
82984人学习
467778人学习
498837人学习
471966人学习
256484人学习
152542人学习
224170人学习
139536人学习
81804人学习
85022人学习
11944人学习
20001人学习
60816人学习
5487人学习
15007人学习
2150人学习
6980人学习
194925人学习
359900人学习
1142人学习
19058人学习
3206人学习
180550人学习
48569人学习
17603人学习
40936人学习
1049人学习
750人学习
32909人学习
1.文档流: 页面元素的默认排列方式,根据元素在html文档中的顺序依次排列,从左到右、从上到下;
2.块元素: 默认占一行,沿垂直方向排列,可以设置宽度和高度,例如:
,
3.行内元素: 默认在一行内沿水平方向排列,宽宽和高度由内容决定,不能设置,例如...;
4.替换元素: 元素内容由标签的属性来设置,标签其实就是一个占位符,例如
5.非替换元素: 元素内容就包含中当前的标签中,例如
6. 如何区分替换与非替换元素呢?
6-1.替换元素因为元素内容来自外部资源,所以大多仅需要一个标签就可以,因为单标签比较多,但也有例外,例如:
<script><video>...这些标签大多具有src,指明要引入的资源路径.如果标签中有内容要么无效,</script>
要么仅仅是一个资源的引入。
6-2.非替换元素,它的内容由用户直接写在标签中,例如
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css中的基本术语</title> </head> <body> <!--div和p标签写在前面就先显示,因为是块标签,所以都独占一行垂直排列--> <div>div标签是最简单最常用的块标签</div> <!--打开浏览器的开发者工具(调试工具),查看元素样式,可以看到他的display属性: block--> <p>div标签是最简单最常用的块标签</p> <!--a标签写在了后面就在后面显示,因为为行内标签,所以在一行中水平排列--> <a href="index.html"><em>首页</em></a> | <a href="news.html">公司新闻</a> | <a href="about">关于我们</a> <hr> <!--以上的p,div标签是非替换元素,它的内容由当前文档提供,因为外部资源的大小具有不可控性,所以默认为行内元素--> <img src="../images/1.jpg" width="100" alt=""> <input type="text"> </body> </html>
以上就是css中的基本术语的详细内容,更多请关注php中文网其它相关文章!
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
精品班
技术支持
技术咨询
学习群
会员优惠
返回顶部