CSS 简介

你在开始学习CSS之前,应确保自己拥有以下预备知识:

  • HTML / XHTML

要学习HTML和XHTML,可通过PHP中文网(php.cn)主页找到相关教程


学习CSS就要知道什么是CSS?

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

  • 样式定义如何显示 HTML 元素

  • 样式通常存储在样式表中

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

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

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

  • 多个样式定义可层叠为一


样式解决了一个很大的问题

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


这是一个标题

这是一个段落.


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

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

当代浏览器都支持 CSS .


CSS 样式表极大地提高了工作效率

样式表定义如何显示 HTML 元素

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


CSS实例

一个HTML文档可以显示不同的样式

    PHP中文网(php.cn)  

标题

一个没有指定边距大小的段落。

一个2厘米上边距的段落。

运行程序试试看



Weiter lernen
||
php中文网(php.cn)

这是一个标题

这是一个普通的段落。请注意,本文是红色的。页面中定义的默认文本颜色选择器。

这段文字是蓝色的

einreichen Code zurücksetzen
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!