学习网址:视频网址 资料网址
框架
内容
基本使用
css是由选择器及一条或多条由分号隔开的样式声明组成,每条声明的样式包含着一个css属性和属性值。定义时需注意:声明需要使用{}括起来,每个声明以分号结尾、一行建议一个声明、如果样式的属性值由多个单词组成,则需要用引号引起来。
css有三种使用方式:
1.行内样式:直接写在标签上的样式,在标签上通过style属性定义的样式。
2.内部样式:定义在style标签中的样式,style标签一般设置在head标签中。
3.外部样式:定义在外部的css文件中,通过link标签引入。
<link rel="stylesheet" type="text/css" href="css文件路径" />
选择器
1.通用选择器:*(选择所有)
2元素选择器:元素名称(选择指定标签)
3.id选择器:#id属性值(选择指定的id属性元素)
4.类选择器:这里有个点.class属性值(选择指定的class属性元素)
5.分组选择器:当几个元素样式属性一样时,可共同调用一个声明,用逗号隔开。
CSS样式的优先级,是根据选择器的精确度/权重来决定的,常见的权重如下,权重越大,优先级越高:元素选择器:为1 、类选择器为10、id选择器为100、内联样式为1000。
组合选择器
1.后代选择器:选择指定元素的所有指定后代元素,以空格隔开即:选择器 指定元素。
2.子代选择器:选择指定元素的第一代子元素,以大于号隔开即:选择器>指定元素。
3.相邻兄弟选择器:选择指定元素的下一个指定元素(只会找一个),两者有相同的父元素,以加号隔开即:选择器+指定元素。
4.普通兄弟选择器:选择指定元素后面的所有指定元素,两者有相同的父元素,以波浪号隔开即:选择器~指定元素。