CSS入门(1)

CSS介绍

css是一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言。CSS不能单独使用，必须与HTML或XML一起协同工作，为HTML或XML起装饰作用。它是一个网页的血肉部分。

CSS的引入方式

1. 内联样式 :将样式声明在元素的style属性中
   （使用最少）
2. 内部样式：将样式写在head里面的style标签中
   （使用较少）
3. 外部样式:使用link标签，引入单独的样式表文件
   （使用最多，降低代码的耦合，提高代码的可复用性）

CSS选择器

基础选择器

标签选择器（h1，p等等）p{样式属性:属性值}

类别选择器（class）.类名{样式属性:属性值}

ID选择器（ID）#ID名{样式属性:属性值}

通配符选择器 (*) *{样式属性:属性值}

复杂选择器

<div id="baba">
	<div class="erzi">
		<span id="neirong">123</span>
	</div>
</div>

后代选择器 #baba .erzi span{样式属性:属性值}
子代选择器 #baba>.erzi>span{样式属性:属性值}
群组选择器 #baba,.erzi,span{样式属性:属性值}

选择器的优先级问题

单个选择器时: 行内>ID选择器>class选择器>标签选择器>*通配符
多个选择器叠加时:复杂度越高的选择器，权重越高，同等复杂度下，就近原则。(主要原因代码从上往下读，同等复杂度，后面的样式就会覆盖掉前面的样式)
同等复杂度: 子代=后代(权重) 这个时候采用就近原则
同等复杂度: 子代选择器>群组选择器

来源：CSDN

作者：似是而非

链接：https://blog.csdn.net/qq_43426856/article/details/103462551