欢迎来到天天文库
浏览记录
ID：5308768
大小：651.20 KB
页数：19页
时间：2017-12-07
《css_教程(精髓版)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、第一部分：CSS简介CSS概述•CSS指层叠样式表(CascadingStyleSheets)•样式定义如何显示HTML元素•样式通常存储在样式表中•把样式添加到HTML4.0中，是为了解决内容与表现分离的问题•外部样式表可以极大提高工作效率•外部样式表通常存储在CSS文件中•多个样式定义可层叠为一CSS语法CSS规则由两个主要的部分构成：选择器，以及一条或多条声明。selector{declaration1;declaration2;...declarationN}选择器通常是您需要改变样式的HTML元素。每条声明由一个属性和一个值组成。属性（proper
2、ty）是您希望设置的样式属性（styleattribute）。每个属性有一个值。属性和值被冒号分开。selector{property:value}下面这行代码的作用是将h1元素内的文字颜色定义为红色，同时将字体大小设置为14像素。在这个例子中，h1是选择器，color和font-size是属性，red和14px是值。h1{color:red;font-size:14px;}下面的示意图为您展示了上面这段代码的结构：提示：请使用花括号来包围声明。id选择器id选择器可以为标有特定id的HTML元素指定特定的样式。id选择器以"#"来定义。下面的两个id选择器
3、，第一个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色：#red{color:red;}#green{color:green;}下面的HTML代码中，id属性为red的p元素显示为红色，而id属性为green的p元素显示为绿色。这个段落是红色。
4、将遵守".center"选择器中的规则。Thisheadingwillbecenter-alignedThisparagraphwillalsobecenter-aligned.
5、ancy的更大的元素可能是一个表格或者一个div）元素也可以基于它们的类而被选择：td.fancy{color:#f60;background:#666;}在上面的例子中，类名为fancy的表格单元将是带有灰色背景的橙色。你可以将类fancy分配给任何一个表格元素任意多的次数。那些以fancy标注的单元格都会是带有灰色背景的橙色。那些没有被分配名为fancy的类的单元格不会受这条规则的影响。还有一点值得注意，class为fancy的段落也不会是带有灰色背景的橙色，当然，任何其他被标注为fancy的元素也不会受这条规则的影响。
6、这都是由于我们书写这条规则的方式，这个效果被限制于被标注为fancy的表格单元（即使用td元素来选择fancy类）。如何插入样式表当读到一个样式表时，浏览器会根据它来格式化HTML文档。插入样式表的方法有三种：外部样式表当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用标签链接到样式表。标签在（文档的）头部：
7、会从文件mystyle.css中读到样式声明，并根据它来格式文档。外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的html标签。样式表应该以.css扩展名进行保存。下面是一个样式表文件的例子：hr{color:sienna;}p{margin-left:20px;}body{background-image:url("images/back40.gif");}不要在属性值与单位之间留有空格。假如你使用“margin-left:20px”而不是“margin-left:20px”，它仅在IE6中有效，但是在Mozilla/Firefox或Netsc
8、ape中却无法正常工作。内部样式表当单个文档需要特殊
此文档下载收益归作者所有
