css 新手上路
日期：2013-10-04 浏览次数：21236 次
从这一节开始我们将要讨论 CSS (Cascading Style Sheet).
中文大概叫试样纸吧. 在我们这个教程中还是把它叫做
CSS 方便点儿.
什么是 CSS 以及它的功用
虽然 CSS 在网页里是和 HTML 在一同的. 但它不算 HTML. 它的使
用可以扩展 HTML 的功用. 使得我们可以重新定义 HTML 元素的显
示方式. CSS 所能改变的性质如下
字体
文字间的空间
列表
颜色
背景
Margin
位置
我们将会在后面的七节里讨论上面的每一特性质的改变. 在这一节
我们给你提供 CSS 的基础.
CSS 的定义 (rules)
CSS 的每一条定义都有如下的方式
selector {property:value; property:value; ...}
selector: 第一种是 HTML 的 tag, 比如 P, BODY, A 等等.
第二种叫 class, 第三种叫 ID. 你这里先知道有这么三种
具体的我们当前在谈.
property: 就是那些将要被修正的性质, 比如 color
value: 给 property 的值, 比如给 color 的可以是 red
请看下面的一个典型定义
A {color: red}
用这条定义所有的联接都变成红色的了. 普通来说我们把所有的
定义全包括在 STYLE 元素里面放到 HEAD 里面. 请试验下面的
网页
<HTML>
<HEAD>
<STYLE>
A {color: red}
P {background-color:blue; color:white}
</STYLE>
</HEAD>
<BODY>
<A href="http://www.nease.net/~haidian">动态网页制造</A>
<P>你留意到这一段文字的颜色和背景颜色了吗?</P> 怎样样?
</BODY>
</HTML>
怎样样? 很简单把. 你只需知道所有可以改动的元素和
它们的性质灵活的运用 CSS 的定义, 你就可以使得你
的网页制造更上一层楼. 下面一节我们将要通知你其他
两种 selector 以及其他一些基础.
中文大概叫试样纸吧. 在我们这个教程中还是把它叫做
CSS 方便点儿.
什么是 CSS 以及它的功用
虽然 CSS 在网页里是和 HTML 在一同的. 但它不算 HTML. 它的使
用可以扩展 HTML 的功用. 使得我们可以重新定义 HTML 元素的显
示方式. CSS 所能改变的性质如下
字体
文字间的空间
列表
颜色
背景
Margin
位置
我们将会在后面的七节里讨论上面的每一特性质的改变. 在这一节
我们给你提供 CSS 的基础.
CSS 的定义 (rules)
CSS 的每一条定义都有如下的方式
selector {property:value; property:value; ...}
selector: 第一种是 HTML 的 tag, 比如 P, BODY, A 等等.
第二种叫 class, 第三种叫 ID. 你这里先知道有这么三种
具体的我们当前在谈.
property: 就是那些将要被修正的性质, 比如 color
value: 给 property 的值, 比如给 color 的可以是 red
请看下面的一个典型定义
A {color: red}
用这条定义所有的联接都变成红色的了. 普通来说我们把所有的
定义全包括在 STYLE 元素里面放到 HEAD 里面. 请试验下面的
网页
<HTML>
<HEAD>
<STYLE>
A {color: red}
P {background-color:blue; color:white}
</STYLE>
</HEAD>
<BODY>
<A href="http://www.nease.net/~haidian">动态网页制造</A>
<P>你留意到这一段文字的颜色和背景颜色了吗?</P> 怎样样?
</BODY>
</HTML>
怎样样? 很简单把. 你只需知道所有可以改动的元素和
它们的性质灵活的运用 CSS 的定义, 你就可以使得你
的网页制造更上一层楼. 下面一节我们将要通知你其他
两种 selector 以及其他一些基础.
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
