CSS3入门

tech2024-11-13  20

CSS概述: font:属性值;字体属性 color:属性值;颜色属性 background:属性值;背景属性 float:属性值;浮动属性 CSS样式规则: 1.CSS样式中的选择器严格区分大小写,属性和值不区分大小写,按照书写习惯一般将"选择器、属性和值"都采用小写的方式 2.多个属性之间必须用英文状态下的分号隔开,最后一个属性后的分号可以省略,但是为了便于增加新样式最好保留 3.如果属性的值由多个单词组成且中间包含空格,则必须为这个属性值加上英文状态下的引号 4.在编写CSS代码是,为了提高代码的可读性,通常会加上CSS注释 5.在CSS代码中空格是不被解析的,花括号以及分号前后的空格可有可无

CSS的样式:行内式、内嵌式、链入式 1.行内式也称为内联样式,是通过标记的style属性来设置元素的样式。 语法格式:<标记名 style=“属性1:属性值1; 属性2:属性值2; 属性3:属性值3;”> 内容 </标记名> 2.内嵌式是将CSS代码集中写在HTML文档的头部标记中,并且用

3.链入式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过标记将外部样式表文件链接到HTML文档中。 语法格式:

CSS基础选择器:标记选择器、类选择器、id选择器、通配符选择器 1.标记选择器是指用HTML标记名称作为选择器,按标记名称分类,为页面中某一类标记指定统一的CSS样式。 语法格式:标记名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 2.类选择器使用“.”(英文点号)进行标识,后面紧跟类名。可以多次使用 语法格式:.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 3.id选择器使用“#”进行标识,后面紧跟id名,只能用一次,其基本语法格式如下: #id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 4.通配符选择器用“”号表示,它是所有选择器中作用范围最广的,能匹配页面中所有的元素。 语法格式:{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

标签指定式选择器又称交集选择器,由两个选择器构成,其中第一个为标记选择器,第二个为class选择器或id选择器,两个选择器之间不能有空格,如h3.special或p#one。

后代选择器用来选择元素或元素组的后代,其写法就是把外层标记写在前面,内层标记写在后面,中间用空格分隔。当标记发生嵌套时,内层标记就成为外层标记的后代。 并集选择器是各个选择器通过逗号连接而成的,任何形式的选择器都可以作为并集选择器的一部分。若某些选择器定义的样式完全或部分相同,可利用并集选择器为它们定义相同的样式。

最新回复(0)