2403_82766622的博客

元素显示模式就是元素（标签）以什么方式进行显示，比如<div>自己占一行，比如一行可以放多个<span>。作用：网页的标签非常多，在不同地方会用到不同类型的标签，了解他们的特点可以更好的布局我们的网页。HTML元素一般分为块元素和行内元素两种类型。元素模式元素排列设置样式默认宽度包含块级元素一行只能放一个块级元素可以设置宽度高度容器的100%容器级可以包含任何标签行内元素一行只能放一个行内元素不可以直接设置宽度高度它本身内容的宽度容器文本或则其他行内元素行内块元素。

在 CSS 中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的复合选择器可以更准确、更高效的选择目标元素（标签）常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等等选择器作用特征使用情况隔开符及用法后代选择器用来选择后代元素可以是子孙后代较多符号是空格 .nav a子代选择器选择最近一级元素只选亲儿子较少。

属性表示注意点color文本颜色我们通常用十六进制text-align文本对齐可以设定文字水平的对齐方式文本缩进通常我们用于段落首行缩进2个字符的距离 text-indent： 2em文本修饰记住添加下划线underline，取消下划线none行高控制行与行之间的距离样式表优点缺点使用情况控制范围行内样式表书写方便，权重高结构样式混写较少控制一个标签内部样式表部分结果和样式相分离没有彻底分离较多控制一个页面外部完全实现结构和样式相分离需要引入。

css主要使用场景：美化网页、布局页面。基础选择器作用特点使用情况用法标签选择器可以选出所有相同的标签，比如 p不能差异化选择较多类选择器可以选出1个或多个标签可以根据需求选择非常多id选择器一次只能选择1个标签ID属性只能在每个HTML文档中出现一次一般和js搭配通配符选择器选择所有的标签选择的太多，有部分不需要特殊情况使用每个基础选择器都有使用场景，都需要掌握如果是修改样式，类选择器是使用最多的。