CSS 简介01_html/css_WEB-ITnose
选择器{
属性:值;//说明
}
二、分类(三种)
内联式、嵌入式、外部式
内联式:直接把css代码写在现有的html标签中;
嵌入式:可以把css代码写在标签之间,一般将css样式嵌入
标签之间;外部式:css代码写在一个单独的文件,这个css样式文件以.css为扩展名,在
标签之间通过引入说明:在相同权值的情况下,内联式>嵌入式>外部式;(就近原则)
三、选择器分类
1.标签选择器:html代码中的标签
2.类选择器:.类选择器{ }
使用class = “类选择器名称”为标签设置一个类
3.id选择器:#选择器{ }
使用id = “ID名称”为一个标签设置
说明:id和class都可以应用任何元素;ID选择器只能在文档中使用一次,类选择器可以使用多次;类选择器可以为一个元素设置多个样式。
4.子选择器:(>),用于选择指定标签元素的第一代子元素
.first > span{color:red;}
5.包含(后代)选择器:加入空格,用于选择指定标签元素下的后辈元素。
.first span{color:red;}
说明:子选择器仅是指他的直接后代(儿子),后代选择器可以作用于所有子后代的元素(儿子,孙子,重孙等);> 作用元素的后一代,空格作用于元素的所有后代。
6.通用选择器:*
它使用*号。能够匹配所有的html标签。
7.分组选择符:,
多个标签元素设置同一个样式时,可以使用分组选择符(,)
h1,span{color:red;}
四、特性
1.继承:css央视具有继承性,继承是一种规则,它允许该样式不仅应用于某个特定的html标签元素,而且应用与它的后代。
2.特殊性:有的时候同一个标签我们给了多个样式,那么元素会采用哪种样式,取决于这个样式的权值,标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100.
3.层叠:如果html文件中某个元素有多个css样式,并且这些css样式具有一样的权重,这个时候就取决于这些css样式的顺序,处于最后面的css会被应用。
4.重要性:!important。采用这种方式说明这个样式权重最高。