1.CSS的基本使用:
一.CSS的定义:
选择器名 {
属性名:属性值;
属性名:属性值;
............
}
注意:每个声明以分号结尾。建议一行一个声明。若样式的属性值由多个单纯组成》则用引号引起来。
二.CSS的注释:/*注释*/
三.CSS的三种使用方式:a.行内样式:直接写在标签上的样式,在标签上通过style属性定义的样式。
b.内部样式:定义在style标签中的样式,style标签一般写在head标签中
c.外部样式:定义在外部css文件中,通过link标签引入<link rel="stylesheet" type="text/css" href="css的外部文件"/>
2.CSS的选择器:
a.通用选择器*(常用)
* {
属性名:属性值;
...........
}
b.元素选择器(常用)
元素名/标签名 {
属性名:属性值;
...........
}
c.id选择器#(常用)
#id名{
属性名:属性值;
...........
}
d.类选择器.
.class属性值{
属性名:属性值;
............
}
e.分组选择器
选择器1,选择器2,选择器3..........{
属性名:属性值;
.........
}
3.CSS的组合选择器:
a.后代选择器(选择指定元素的所有指定元素,以空格隔开)
选择器 指定元素{
属性名:属性值;
.........
}
b.子代选择器(选择指定元素的第一代子元素,以大于号>隔开)
选择器>指定元素{
属性名:属性值;
............
}
c.相邻兄弟选择器:(选择指定元素的下一个指定元素,只会找一个,两者有相同的父元素,用加号+隔开)
选择器>指定元素{
属性名:属性值;
...................
}
d.普通兄弟选择器(选择指定元素后面的所有指定元素,两者有相同的父元素,用波浪号~隔开)
选择器>指定元素{
属性名:属性值;
............
}