css的基础知识

CSS 指层叠样式表

样式定义如何显示 HTML 元素

样式通常存储在样式表中

把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题

外部样式表可以极大提高工作效率

外部样式表通常存储在 CSS 文件中

多个样式定义可层叠为一

样式对网页中元素位置的排版进行像素级精确控制

CSS样式

HTML 标签原本被设计为用于定义文档内容，如下实例：

<h1>这是一个标题</h1>

<p>这是一个段落。</p>

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

为了解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式（Style）。

当代浏览器都支持 CSS 。

多页面应用同一个样式

通常保存在外部的独立的 .CSS 文件（该文件不属于任何页面文件）可以在多个页面中使用同一个 CSS 样式表。通过在任何的页面文件中引用 .CSS 文件，你可以设置具有一致风格的多个页面。

样式层叠

样式层叠就是对一个元素多次设置同一个样式，这将使用最后一次设置的属性值。

样式层叠次序

当同一个 HTML 元素定义了多个样式时，应该使用哪个样式？

一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。

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

因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明： 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。

CSS概述

 1. Cascading Style Sheets 层叠样式表，它可以控制多重网页的样式和布局；

 2. 需具备的基础知识：HTML、XHTML；

 3. 主要实现：

    样式

     ----- 定义如何显示 HTML 元素；

     ----- 存储在样式表中；

     ----- 添加到 HTML4.0 中，解决内容与表现分离；

     ----- 多个样式定义可以层叠为一。

CSS解决的问题--更好的利用HTML

1. 背景

HTML 标签原本被设计为用于定义文档内容。即通过使用 <h1>、<p>、<table> 这样的标签，来表达“这是标题”、“这是段落”、“这是表格”之类的信息。

同时文档的布局由浏览器来完成，而不使用任何的格式化标签。

由于两种主要的浏览器（Netscape和Internet Explorer）不断地将新的 HTML 标签和属性（比如字体标签和颜色属性）添加到 HTML 规范中，创建文档，内容清晰地独立于文档表现层的站点变得越来越困难。

2. 样式

• 为解决这个问题，样式（Style）肩负起了 HTML 标准化的使用，这样所有的主流浏览器均支持层叠样式表；
• 极大地提高了工作效率。样式表定义如何显示 HTML 元素，就像 HTML3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。
• 多重样式层叠为一个。样式表允许以多种方式规定样式信息。它可以规定在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。
•  甚至可以在同一个 HTML 文档内部引用多个外部样式表。

这是我所学到的DW知识分享给你们，希望可以帮助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！