网页中加css的方式有四种
1、内嵌式样式表:直接写在现有的标记中,如:
<p style="color:red">这里文字是红色的</p>
2、嵌入样式表:使用“<style></style>”标签嵌入到HTML文件的头部中<head>标记内,如:
<style type="text/css">
body{background:white;color:black;}
</style>
<!-- -->用于当浏览器不支持样式时,不会将样式内容显示出来
3、外部链接式“样式表”:将样式表写在一个独立的 .css 文件中,然后再head区 <head>标记内使用
<link>标签来调用它,主要用于实现表现与结构分离如:
<link href="main.css" rel="stylesheet" type="text/css" />
4、导入式“样式表”:导入样式表与链式样式表的功能基本相同,只是语法和动作方式上略有不同,
同样也将导入样式代码写在<head>标记内。
语法:
<style type="text/css">
@import url("basic,css");
</style>
1、行内样式:应用于一个
2、嵌入样式:应用于一类标签
3、如果我们有很多的网页,都要用css,我们怎么办?
将css样式写到一个单独的文件中 style.css 要使用的网页,只需要调用即可。这才是我们学习xhtml+css的核心,结构与样式分离
这个就是外链接样式,推荐使用
4、导入式样式:也是将样式写到一个文件中,再导入到网页中
*****说明,导入式,其实与内嵌是相似的,都是讲样式加入到网页里
a.导入式,会占用html文件空间
b.有些浏览器,解析会有问题。浏览器会,最后读取 @imort 的内容
c.将多个样式文件,导入到同一个样式文件中
css应用于网页中的四种方式:
1、行内样式:直接写在xhtml文档内,作用于标签内。只针对某一个标签,还不灵活
2、内嵌样式:直接写在xhtml文档内,可以针对某些标签
3、外部样式:可以单独写在一个css文件中,然后应用给,要使用样式的html文件
4、导入样式:可能存在解析问题,不建议使用