__x__(16)0906第三天__层叠样式表CSS简介

时间:2023-12-25 23:38:43

层叠样式表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>

特点:结构与表现完全分离;样式可复用;利用浏览器的缓存可以加快访问速度。