网站设计——9.3 知识点 CSS3入门

tech2024-10-26  8

CSS3 :实现结构与表现的分离 提供了丰富的样式: font:属性值; color:属性值; background:属性值 float:属性值;

CSS样式规则 选择器{属性1:属性值1;属性2:属性值2;…} 选择器指定CSS样式中HTML对象,属性和属性值以键值对形式出现,用“:”连接,键值对用“;”进行区分

样式规则 1、选择器区分大小写 2、属性之间分号隔开 3、编写CSS代码时,加上CSS注释

引入CSS样式表 1、行内式 通过标记的style属性设置元素样式 语法格式 <标记名 style=”属性1:属性值1“;”属性2:属性值2“…> 2、内嵌式 将代码写入HTML文档的head头部标记

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

语法格式

CSS基础选择器

标记选择器 用HTML标记,按标记名称分类

语法格式 选择器{属性1:属性值1;属性2:属性值2;…}

类选择器 用“,”标识,紧跟类名 语法格式 .类名{属性1:属性值1;属性2:属性值2;…}

id 选择器 用“#”标识,紧跟id名 语法格式 #id名{属性1:属性值1;属性2:属性值2;…}

通配符选择器 用“*”表示,匹配页面所有的元素 语法格式

*{属性1:属性值1;属性2:属性值2;…}

文本样式属性

字体样式属性 font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位

font-style属性用于定义字体风格,如设置斜体、倾斜或正常字体。 语法格式 选择器{font: font-style font-variant font-weight font-size/line-height font-family;}

最新回复(0)