层叠样式表CSS
Cascading Style Sheets
用来为网页创建样式表,通过样式表对网页进行装饰。
所谓层叠,就是将网页想象成一层一层的结构,层次高的将覆盖层次低的。
CSS可以为网页的每个层次设置样式。
语法:
选择器{声明块儿}
声明为 “名:值;”
选择器{
声明1;
声明2;
}
分类:
1. 内联样式表
直接写到标签的style属性当中,只对该标签作用。
<p style="color:red; font-size:24px;">考试重点</p>
特点:作用于单一标签,复用率低;若标签过多地使用,不美观。
2. 内部样式表
将样式表写在<head>中的<style>标签中。
<style type="text/css">
p{
color:red;
font-size:24px;
}
</style>
特点:使得表现与结构在HTML中实现分离。
3. 外部样式表
写在一个.css文件中,多个html网页可以链接并应用。
@charset "utf-8"
/* 这是一个css注释,同c语言注释 */
p{
color:red;
font-size:24px;
}
在index.html的head中链接外部css文件,应用其样式:
<head>
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
特点:结构与表现完全分离;样式可复用;利用浏览器的缓存可以加快访问速度。