CSS在网页中的应用方式
- 行内样式,应用于一个
- 嵌入样式,应用于一类标签
- 如果我们有很多的网页,都要用css,将这些css写到一个独立文件中,这个就是外链式,推荐使用。
- 导入式样式,也式将样式写道一个文件中,在导入到文件中
说明:导入式,其实与内嵌式式相似的,都是将样式加入到网页里
- 导入式,会占用html文件空间
- 有些浏览器,解析会有问题,浏览器会最后读取@import中的内容.
在网页中加css的方式有四种:
- 内嵌式样式表:直接写在现有的标记中
<p style=”color:red>这里的文字是红色的</p>
- 嵌入式样式表:使用”<style></style>”标签嵌入到HTML文件的头部中<head>标记中
<style>
Body{background-color:red};
</style>
- 外部链接式“样式表”,将样式表写在一个独立的.css文件中,然后在页面head区<head>标记内用<link>标签调用它,主要用于实现表现与结构分离
<link href=”madin.css” rel=”stylesheet” type=”text/css”>
- 导入式“样式表”:导入式样式表与链接式样式表的功能基本相同,只是语法和动作方式上略有不同,同样也将导入式代码写在<head>标记内
<style type=”text/css”>
@import url(“basic.css”);
</style>
注意:类名和id名不能以数字开头