本节用来简单介绍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%)