在继续学习之前,你需要对下面的知识有基本的了解:
HTML / XHTML
如果你希望首先学习这些项目,请在 入门教程 访问相关教程。
CSS 指层叠样式表 ( Cascading Style Sheets )
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一
样式对网页中元素位置的排版进行像素级精确控制
一个 HTML 文档可以显示不同的样式: 查看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 拥有最高的优先权。
<head>
标签内部)因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明: 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。
很多初学的朋友学完HTML后开始学习CSS,在学习中常常遇到 div+css,但是不知道什么意思。网上很多资料说div就是取代〈table〉的...
map 标签可以和 area 元素一起使用,以此来达到定义图像映射(可点击的链接区域)的目标,请参考下述示例:实例带有可点击区域的...
tfoot 标签表示HTML表格的页脚,该标签用于组合HTML表格中的表注内容。实例带有 thead、tfoot 和 tbody 元素的 HTML 表格:table...
HTML track 标签在 track 标签中,label 属性用于在列出可用的text tracks时,给浏览器使用的text track的标题,这种标题是使用...
HTML tr 标签在建立表格时,如果您需要为表格中的行添加背景颜色,那么可以使用 bgcolor 属性,下述的例子为表格的第一行添加了...