css

来源：互联网发布：淘宝如何上传3c认证编辑：程序博客网时间：2024/06/03 21:22

1 CSS简介：

CSS 指层叠样式表 (Cascading Style Sheets)

样式定义如何显示 HTML 元素

样式通常存储在样式表中

为了解决内容与表现分离的问题

2 CSS作用：

CSS极大提高了工作效率（样式表定义如何显示 HTML 元素，就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观）

3 CSS语法：

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明

选择器通常是您需要改变样式的 HTML 元素

每条声明由一个属性和一个值组成

属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开

实例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<style>

{

color:yellow;

text-align:center;

}

</style>

<body>

</body>

</html>

4 CSS ID和CLASS：

d 选择器可以为标有特定 id 的 HTML 元素指定特定的样式

HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定

例：#para1
{
text-align:center;
color:red;
}

class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用

class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示

5 CSS分类：

外部样式表(External style sheet)

内部样式表(Internal style sheet

内联样式(Inline style)

当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。

当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 <style> 标签在文档头部定义内部样式表

由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势