css系列(4)简介

    本节用来简单介绍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%)
原文地址:https://www.cnblogs.com/MenAngel/p/5709709.html