css与html的结合方式:
一、内联样式
在开始标签内部关联:即在styel属性里面写CSS代码。
优点:直接,很灵活。
缺点:如果同一标签,样式一样,会造成代码重复。
内部样式表
内部样式表需要在网页的<head>部分定义,格式如下:
1 2 3 4 5 |
|
行内样式表(内嵌样式表)
它的使用方法我们在前两节也已经使用过了。行内样式表直接在标签内部定义,使用style属性,格式如下:
1 |
|
例如:
1 |
|
二、内部样式表:
在 style 标签中添加css代码
优点:对网页中相同的标签进行统一设置。
缺点:对局部设置不够灵活。2、如果有多个页面样式相同,会造成代码重复。
解决方式:
@import url();
三、联接外部样式表
<link rel="stylesheet" type="text/css" href="xxx.css"></link>
外部样式表
使用外部样式表时,CSS文件与网页文件(html)是分离开来的。要让某一个网页调用一个外部CSS文件,你需要在网页的<head>部分插入以下内容:
1 2 3 4 |
|
优先级关系: 三 < 二 < 一
由内到外,优先级,由大到小。
如2018年下半年
第69题:把CSS样式表与HTML网页关联,不正确的方法是( )。
A. 在HTML文档的<head>标签内定义CSS样式
B. 用@import引入样式表文件
C. 在HTML文档的<!-- -->标签内定义CSS样式
D. 用<link>标签链接网上可访问的CSS样式表文件
答:C