css系列（4）简介

公告

View Post

本节用来简单介绍css。

(1)css:

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

功能以及作用：
1.样式定义如何显示 HTML 元素;
2.样式通常存储在样式表中;
3.把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题;
4.外部样式表可以极大提高工作效率;
5.外部样式表通常存储在 CSS 文件中;
6.多个样式定义可层叠为一;

(2)出现的原因:

HTML 标签原本被设计为用于定义文档内容。通过使用 <h1>、<p>、<table> 这样的标签，HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。

由于两种主要的浏览器（Netscape 和 Internet Explorer）不断地将新的 HTML 标签和属性（比如字体标签和颜色属性）添加到 HTML 规范中，创建文档内容清晰地独立于文档表现层的站点变得越来越困难。为了解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式（Style）。

所有的主流浏览器均支持层叠样式表。

(3)层叠次序：(层叠样式表的作用优先级)

1.浏览器缺省设置
2.外部样式表
3.内部样式表（位于 <head> 标签内部）
4.内联样式（在 HTML 元素内部）

内联样式（在 HTML 元素内部）拥有最高的优先权。

(4)css基础语法:

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。每条声明由一个属性和一个值组成。

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

selector {declaration1; declaration2; ... declarationN }

如果值为若干单词，则要给值加引号:

p {font-family: "sans serif";}

颜色值的多种写法:

1.color:red;
2.color:#ffffff(十六进制的颜色值)
3.color:rgb(255,0,0)
4.color:rgb(100%,0%,0%)

posted on 2016-07-27 08:54 MenAngel 阅读(171) 评论(0) 收藏举报

刷新页面返回顶部