HTML学习3

css的基本使用

一 css的定义
选择器名
{ 属性名:属性值;
  属性名:属性值;
   ......}
注意:
1.声明需要使用{}括起来,每个声明以分号结尾
2.一行建议一个声明
3.如果样式的属性值由多个单词组成,则用引号引起来

二 css的注释
/*注释内容*/
三 css的三种使用方式
1.行内样式
    直接写在标签上的样式, 在标签上通过style属性定义的样式
2.内部样式
    定义在style标签中的样式,style标签一般设置在head标签中
3.外部样式
    定义在外部的css文件中,通过link标签引入
注:当有多重样式时,越精准越优先(就近原则)

css基本选择器
1.通用选择器 *
*{
属性名:属性值;
......
}

2.元素选择器
元素名/标签名{
属性名:属性值;
.....
}

3.ID选择器
#id属性值{
属性名:属性值;
......
}

优先级:元素选择器<类选择器<id选择器<内联样式

组合选择器
            后代选择器
            选择指定元素的所有指定后代元素,以空格隔开
            选择器 指定元素{
                属性名:属性值;
                ......
                }

            子代选择器
            选择指定元素的第一子代元素,以大于号隔开
            选择器 > 指定元素{
                    属性名:属性值;    
                    }

            相邻兄弟选择器
            选择指定元素的下一个指定元素(只会找一个),两者有相同的父元素,以加号隔开
            选择器+指定元素{
                属性名:属性值;
                }

            普通兄弟选择器
            选择指定元素的下一个指定元素,两者有相同的父元素,以波浪号隔开
            选择 ~ 指定元素{
                属性名:属性值;
                }