Home >Web Front-end >CSS Tutorial >basic terms in css
basic terms in css
- 无忌哥哥Original
- 2018-06-28 16:57:171633browse
1. Document flow: The default arrangement of page elements, arranged in sequence according to the order of the elements in the html document, from left to right, top to bottom;
2. Block element: occupies one line by default , arranged in the vertical direction, the width and height can be set, for example:dc6dce4a544fdca2df29d5ac0ea9906b,e388a4556c0f65e1904146cc1a846bee,c1a436a314ed609750bd7c7d319db4daff9c23ada1bcecdd1a0fb5d5a0f18437...;
3. Inline elements: Default is in one line Arranged in the horizontal direction, the width and height are determined by the content and cannot be set. For example, 45a2772a6b6107b401db3c9b82c049c23499910bf9dac5ae3c52d5ede7383485907fae80ddef53131f3292ee4f81644b...;
4. Replace elements: The content of the element is determined by the label. attribute to set, the label is actually a placeholder, for example f8d9cde947de1719581060b617c87f2114b862228af3b93cec3de977706136b3
5. Non-replacement element: The element content contains the current In tags, such ase388a4556c0f65e1904146cc1a846bee,4a249f0d628e2318394fd9b75b4636b1,2cdf5bf648cf2f33323966d7f58a7f3f
6. How to distinguish replacement and non-replacement elements?
6-1. Replacement elements are because of the element content It comes from external resources, so most of them only need one tag, because there are many single tags, but there are exceptions, such as:
39000f942b2545a5315c57fa3276f2203f1c4e4b6b16bbbd69b2ee476dc4f83a39000f942b2545a5315c57fa3276f220... Most of these tags have src, indicates the resource path to be imported. If there is content in the tag, it is either invalid,
or it is just the introduction of a resource.
6-2. Non-replacement elements, whose content is directly written by the user in the tag, such as e388a4556c0f65e1904146cc1a846bee, 684271ed9684bde649abda8831d4d355 and other text tags, are the most common non-replacement elements
<!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>The above is the detailed content of basic terms in css. For more information, please follow other related articles on the PHP Chinese website!