css中的基本术语

无忌哥哥原创: 2018-06-28 16:57:171610浏览

1.文档流: 页面元素的默认排列方式,根据元素在html文档中的顺序依次排列,从左到右、从上到下;

2.块元素: 默认占一行,沿垂直方向排列,可以设置宽度和高度,例如:dc6dce4a544fdca2df29d5ac0ea9906b,e388a4556c0f65e1904146cc1a846bee,c1a436a314ed609750bd7c7d319db4daff9c23ada1bcecdd1a0fb5d5a0f18437...;

3.行内元素: 默认在一行内沿水平方向排列,宽宽和高度由内容决定,不能设置,例如45a2772a6b6107b401db3c9b82c049c23499910bf9dac5ae3c52d5ede7383485907fae80ddef53131f3292ee4f81644b...;

4.替换元素: 元素内容由标签的属性来设置,标签其实就是一个占位符,例如624a480c6387e73c22b4f60ddcc0f14ee3fa78cc65236f00d3b8a843b228aaa7

5.非替换元素: 元素内容就包含中当前的标签中,例如e388a4556c0f65e1904146cc1a846bee,4a249f0d628e2318394fd9b75b4636b1,2cdf5bf648cf2f33323966d7f58a7f3f

6. 如何区分替换与非替换元素呢?

6-1.替换元素因为元素内容来自外部资源,所以大多仅需要一个标签就可以,因为单标签比较多,但也有例外,例如:

39000f942b2545a5315c57fa3276f2203f1c4e4b6b16bbbd69b2ee476dc4f83a39000f942b2545a5315c57fa3276f220...这些标签大多具有src,指明要引入的资源路径.如果标签中有内容要么无效,

要么仅仅是一个资源的引入。

6-2.非替换元素,它的内容由用户直接写在标签中,例如e388a4556c0f65e1904146cc1a846bee,684271ed9684bde649abda8831d4d355等文本类标签,是最常见的非替换元素

<!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中文网其他相关文章！

css html input

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：Bootstrap栅格布局的列排序实例下一篇：css样式引入的三个级别

查看更多