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

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

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

posted @ 2018-09-06 20:38  耶梦加德  阅读(127)  评论(0)  编辑  收藏  举报