预览加载中，请您耐心等待几秒...

css教程.doc

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共17页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

Css CSS介绍 1996年底的时候悄悄诞生了一种叫做样式表（stylesheets）的技术。全称应该是串接样式表（CascadingStylesheets－简称CSS）这位HTML的表弟向世人保证：将对布局、字体、颜色、背景和其它文图效果实现更加精确的控制。 Css的作用： 只通过修改一个文件就改变页数不定的网页的外观和格式。 在所有浏览器和平台之间的兼容性。 更少的编码、更少的页数和更快的下载速度。 你可以将格式和结构分离。 你可以以前所未有的能力控制页面布局。 你可以将许多网页同时更新，比以前快更容易。 浏览器将成为你更友好的界面 总结： 什么是样式表 CSS是CascadingStyleSheet的缩写。译作「层叠样式表单」。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 样式语法 每个规则的组成包括一个选择符--通常是一个HTML的元素,例如BODY,P,或EM--和该选择符所接受的样式. 有很多的属性可以用于定义一个元素.每个属性带一个值,共同地描述选择符应该如何呈现. 样式规则组成如下: 选择符{属性:值} 单一选择符的复合样式声明应该用分号隔开: 选择符{属性1:值1;属性2:值2} 以下是一段定义了H1和H2元素的颜色和字体大小属性: <HEAD><TITLE>CSS例子</TITLE><STYLETYPE="text/css">H1{font-size:x-large;color:red}H2{font-size:large;color:blue}</STYLE></HEAD> 上述的样式表告诉浏览器用加大、红色字体去显示一级标题,用大、蓝色字体去显示二级标题.CSS1规格正式地定义了所有的有效属性和值.属性和值在本网站的CSS属性部分也给出了. 选择符 任何HTML元素都可以是一个CSS1的选择符。选择符仅仅是指向特别样式的元素。例如， P{text-indent:3em} 当中的选择符是P。 类选择符 单一个选择符能有不同的CLASS(类)，因而允许同一元素有不同样式。例如，一个网页制作者也许希望视其语言而定，用不同的颜色显示代码:code.html{color:#191970}code.css{color:#4b0082}以上的例子建立了两个类，css和html，供HTML的CODE元素使用。CLASS属性是用于在HTML中以指明元素的类，例如， <PCLASS=warning>每个选择符只允许有一个类。例如，code.html.proprietary是无效的。</p> 类的声明也可以无须相关的元素:.note{font-size:small}在这个例子，名为note的类可以被用于任何元素。一个良好的习惯是在命名类的时候，根据它们的功能而不是根据它们的外观。上述例子中的note类也可以命名为small，但如果网页制作者决定改变这个类的样式，使得它不再是小字体的话，那么这个名字就变得毫无意义了。 ID选择符 ID选择符个别地定义每个元素的成分。这种选择符应该尽量少用，因为他具有一定的局限。一个ID选择符的指定要有指示符"#"在名字前面。例如，ID选择符可以指定如下:#svp94O{text-indent:3em}这点可以参考HTML中的ID属性:<PID=svp94O>文本缩进3em</P> 关联选择符 关联选择符只不过是一个用空格隔开的两个或更多的单一选择符组成的字符串。这些选择符可以指定一般属性，而且因为层叠顺序的规则，它们的优先权比单一的选择符大。例如，以下的上下文选择符PEM{background:yellow}是PEM。这个值表示段落中的强调文本会是黄色背景；而标题的强调文本则不受影响。 声明 属性 一个属性被指定到选择符是为了使用它的样式。属性的例子包括颜色、边界和字体。 值 声明的值是一个属性接受的指定。例如，属性颜色能接受值red。 组合 为了减少样式表的重复声明，组合的选择符声明是允许的。例如，文档中所有的标题可以通过组合给出相同的声明:H1,H2,H3,H4,H5,H6{color:red;font-family:sans-serif} 继承 实际上，所有在选择符中嵌套的选择符都会继承外层选择符指定的属性值，除非另外更改。例如，一个BODY定义了的颜色值也会应用到段落的文本中。有些情况是内部选择符不继承周围的选择符的值，但理论上这些都是特殊的。例如，上边界属性是不会继承的；直觉上，一个段落不会有同文档BODY一样的上边界值。 注解 样式表里面的注解使用C语言编程中一样的约定方法去指定。CSS1注解的例子如以下格式:/*COMMENTSCANNOTBENESTED*/ 伪类和伪元素 伪类和伪元素是特殊的类和元素，能自动地被支持CSS的浏览器所识别。