学习CSS初识

    
    
    


钢铁侠
大家好，我是钢铁侠！
I am iron man!

标签选择器

HTML标签作为标签选择器的名称

…

、

、

类选择器

<标签名 class= "类名称">标签内容

ID选择器

<标签名 id= "id名称">标签内容

标签选择器直接应用于HTML标签
类选择器可在页面中多次使用
ID选择器在同一个页面中只能使用一次

后代选择器：

    
    
    



大家好，我是钢铁侠！

交集选择器

由两个选择器直接连接构成，选中二者各自元素范围的交集
第一个必须是标签选择器，第二个必须是类选择器或者ID选择器
选择器之间不能有空格，必须连续书写

并集选择器

    
    
    



大家好，我是钢铁侠！
钢铁侠
我是美国队长！

行内样式

style属性的应用
直接在HTML标签中设置的样式

内部样式表

外部样式表

在CSS文件中：
p{
    color: blue;
}

在HTML文件中：



    
    
    


    

        大家好，我是钢铁侠！
    

CSS继承风格

子标签可以继承父标签的样式风格
子标签的样式不会影响父标签的样式风格

CSS优先级

ID选择器>类选择器>标签选择器

在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用

内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。

应用important

    
    
    


 
      
三年级时，我还是一个胆小如鼠的小女孩。