Css
From upnb游本网--笔记本电脑知识库（笔记本wiki)--您身边的电脑词典
| css教程 |
| 内容： |
| css教程: |
| 其它教程： |
| ********************** |
- 英文名称：CSS(Cascading Style Sheet)
- 中文名称：层叠样式表单。更多的人把它称作样式表。
顾名思义，它是一种设计网页样式的工具。用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。在制作主页是用css技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。css可以在几乎所有的浏览器上使用；可以实现以前一些非得通过图片转换实现的功能；从而更快地下载页面；可以使页面的字体变得更漂亮，更容易编排，页面真正赏心悦目；可以轻松地控制页面的布局；可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。借助CSS的强大功能，网页将在您丰富的想象力下千变万化。
- CSS的代码都是由一些最基本的语句构成的。它的基本语句的结构是这样的：
选择符{属性：属性值} 它的语句类似html网页源程序.
目录 |
[编辑]
css的发展史
- 网页设计最初是用HTML标记来定义页面文档及格式，例如标题<h1>、段落<p>、表格<table>、链接<a>等，但这些标记不能满足更多的文档样式需求，为了解决这个问题，在1997年W3C(The World Wide Web Consortium)颁布HTML4标准的同时也公布了有关样式表的第一个标准CSS1, 自CSS1的版本之后，又在1998年5月发布了CSS2版本，样式表得到了更多的充实。W3C把DHTML(Dynamic HTML)分为三个部分来实现：脚本语言(包括JavaScript、Vbscript等)、支持动态效果的浏览器(包括Internet Explorer、Netscape Navigator等)和CSS样式表。
[编辑]
css的学习
- 要学CSS，则对有些CSS属性有一些大致的了解，当然不需要去死记硬背，但我们在写CSS文件时，如对一些常见的属性比较熟悉则更能使你如虎添翼。由于FrontPage与DreamWeaver两个主页制作工具的使用，免去了不少麻烦，你可以按照一些操作自动生成CSS样式单，如你将这些属性与效果对照学习，那么就能很快地掌握CSS了。
- 其实CSS的妙处还有很多，特别是它的滤镜效果，其丰富令人难忘，如果将这些滤镜效果和脚本语言结合起来的话，这些效果将更富于动态性。
滤镜效果真正在网页上的应用还不是很多，特别是Netscapte浏览器不支持，并且在现在看来也不挺适用，所以还请慎重一些。
- XML现在正发展得如火如荼，有一个值得注意的方向即XML中的XSL与CSS的结合更加紧密，两者优势互补，各有侧重，将XML与HTML比较圆满地结合起来，所以，我们要学习好XML，说不定还得补上CSS这一课。
[编辑]
如何将样式表加入您的网页
你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。例外请参阅 !important 声明。
- 链入外部样式表文件 (Linking to a Style Sheet) 你可以先建立外部样式表文件（.css），然后使用HTML的link对象。例如：
<head>
<title>文档标题</title>
<link rel=stylesheet href="http://www.allwiki.com/index.php?title=Css&action=submit" type="text/css">
</head>
- 而在XML中，你应该如下例所示在声明区中加入：
<? xml-stylesheet type="text/css" href="http://www.allwiki.com/index.php?title=Css&action=submit" ?>
- 定义内部样式块对象 (Embedding a Style Block) 你可以在你的HTML文档的<HTML>和<BODY>标记之间插入一个<STYLE>...</STYLE>块对象。
<html>
<head>
<title>文档标题</title>
<style type="text/css">
<!--
body {font: 10pt "Arial"}
h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}
h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}
p {font: 10pt/12pt "Arial"; color: black}
-->
</style>
</head>
<body>
这里将style对象的type属性设置为"text/css"，是允许不支持这类型的浏览器忽略样式表单。
testst
- 内联定义 (Inline Styles) 是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下：
<p style="margin-left: 0.5in; margin-right:0.5in">这一行被增加了左右的外边距<p>
[编辑]
参数说明
Selector -- 选择符 property : value -- 样式表定义。属性和属性值之间用冒号(:)隔开。多个定义之间用分号(;)隔开
[编辑]
继承的值 (The ' Inherit ' Value)
每个属性都有一个指定的值： Inherit 。它的意思是：将父对象的值等同为计算机值得到。这个值通常仅仅是备用的。显式的声明它可用来强调。 __________________________
[编辑]
参见
[编辑]
外部连接
- ★★★☆☆百度贴吧
