首页 > 知识点讲解
       CSS和CSS3基础
知识路径: > 电子商务系统程序设计基础 > Web 设计基础 > CSS3 样式表 > CSS3样式表 > 
被考次数:2次     被考频率:低频率     总体答错率:45%     知识难度系数:     
相关知识点:45个      
               CSS基础
               (1)CSS格式。
               基本语法:
               
               语法说明:selector代表选择符,property代表属性,value代表属性值。选择符包括多种形式,所有的HTML标签都可以作为选择符,如body、p、table等都是选择符。但在利用CSS的语法给它们定义属性和值时,其中属性和值要用冒号隔开。如果属性的值由多个单词组成,并且单词间有空格,那么需给值加上双引号。如果需要对一个选择符指定多个属性时,用分号将属性分开。例如:p{text-align:center;color:#FF0000;font-size:10px}。相同属性和值的选择符组合起来称为选择符组。如果需要给选择符组定义属性和值,只要用逗号将选择符分开即可,这样可以减少重复定义样式。例如:p,table{text-align:center;font-size:10px}。
               (2)CSS选择符类型。
               ①类选择符。
               基本语法:
               
               语法说明:用类选择符可以把相同的元素分类定义成不同的样式。在定义类选择符时,在自定义类名称的前面加一个点“.”。
               ②id选择符。
               基本语法:
               
               语法说明:在HTML文档中,需要唯一标识一个元素时,就会赋予它一个id标识,以便在对整个文档进行处理时能够快速地找到这个元素。而id选择符就是用来对这个单一元素定义单独的样式。其定义方法与类选择符大同小异,只需要把点“.”改为井号“#”。
               ③伪类。
               伪类不属于选择符,它是让页面呈现丰富表现力的特殊属性。之所以称为“伪”,是因为它指定的对象在文档中并不存在,它们指定的是元素的某种状态。
               应用最为广泛的伪类是链接的4个状态:未访问的链接状态(a:link);已访问链接状态(a:visited);鼠标指针悬停在链接上的状态(a:hover);被激活(在鼠标单击与释放之间发生的事件)的链接状态(a:active)。
               (3)插入CSS的4种方式。
               插入CSS到HTML文件有四种方式,分别为:链入外部样式表、内部样式表、嵌入样式表和导入外部样式表。
               ①链入外部样式表。
               基本语法:
               
               语法说明:rel="stylesheet"是指在HTML文件中使用的是外部样式表;type="text/css"指明该文件的类型是样式表文件;href中的样式表文件地址,可以为绝对地址或相对地址;外部样式表文件中不能含有任何HTML标签,如或