下载此文档

css经典教程.pdf

文档分类：IT计算机 | 页数：约86页举报非法文档有奖

1/86

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/86 下载此文档

文档列表 文档介绍

CSS教程经典教程注: 本教程由网络整理,版权归愿所有人 Ctrl+单击查看更多实例 CSS教程经典教程 1 CSS经典教程基础篇 1 CSS经典教程提高篇--CSS框模型 27 CSS经典教程提高篇--CSS定位 43 CSS经典教程提高篇--CSS高级 53 CSS经典教程—CSS实例 65 CSS经典教程—参考手册 74 CSS经典教程—CSS测验 86 CSS经典教程基础篇通过使用CSS来提升工作效率! 在我们的CSS教程中,您会学到如何使用CSS同时控制多重网页的样式和布局。开始学****CSS! CSS实例学****70个实例。您可以对CSS代码进行编辑,然后单击测试按钮来查看结果。亲自试一下吧! CSS测验在W3School测试您的CSS技能! 开始CSS测验! CSS参考手册在W3School,我们提供完整的CSS2参考手册()。 CSS2参考手册 CSS简介需要具备的基础知识在继续学****之前,你需要对下面的知识有基本的了解: · HTML · XHTML CSS概述· CSS指层叠样式表(CascadingStyleSheets) · 样式定义如何显示HTML元素· 样式通常存储在样式表中· ,是为了解决内容与表现分离的问题· 外部样式表可以极大提高工作效率· 外部样式表通常存储在CSS文件中· 多个样式定义可层叠为一样式解决了一个普遍的问题 HTML标签原本被设计为用于定义文档内容。通过使用<h1>、<p>、<table>这样的标签,HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成,而不使用任何的格式化标签。 Explorer)不断地将新的HTML标签和属性(比如字体标签和颜色属性)添加到HTML规范中,创建文档内容清晰地独立于文档表现层的站点变得越来越困难。为了解决这个问题,万维网联盟(W3C),这个非营利的标准化联盟,肩负起了HTML标准化的使命, (Style)。所有的主流浏览器均支持层叠样式表。样式表极大地提高了工作效率样式表定义如何显示HTML元素,。。通过仅仅编辑一个简单的CSS文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。由于允许同时控制多重页面的样式和布局,CSS可以称得上WEB设计领域的一个突破。作为网站开发者,你能够为每个HTML元素定义样式,并将之应用于你希望的任意多的页面中。如需进行全局的更新,只需简单地改变样式,然后网站中的所有元素均会自动地更新。多重样式将层叠为一个样式表允许以多种方式规定样式信息。样式可以规定在单个的HTML元素中,在HTML页的头元素中, 或在一个外部的CSS文件中。甚至可以在同一个HTML文档内部引用多个外部样式表。层叠次序当同一个HTML元素被不止一个样式定义时,会使用哪个样式呢? 一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字4拥有最高的优先权。 (位于<head>标签内部) (在HTML元素内部) 因此,内联样式(在HTML元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明: <head>标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。 CSS基础语法 CSS语法 CSS语法由三部分构成:选择器、属性和值: selector{property:value} 选择器(selector)通常是你希望定义的HTML元素或标签,属性(property)是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明(declaration): body{color:blue} 上面这行代码的作用是将body元素内的文字颜色定义为蓝色。在上述例子中,body是选择器,而包括在花括号内的的部分是声明。声明依次由两部分构成:属性和值,color为属性,blue为值。值的不同写法和单位除了英文单词red,我们还可以使用十六进制的颜色值#ff0000: p{color:#ff0000;} 为了节约字节,我们可以使用CSS的缩写形式: p{color:#f00;} 我们还可以通过两种方法使用RGB值: p{color:rgb(255,0,0);} p{color:rgb(100%,0%,0%);} 请注意,当使用RGB百分比时,即使当值为0时也要写百分比符号。但是在其他的情况下就不需要这么做了。比如说,当尺寸为0像素时,0之后不需要使用px单位,因为0就是0,无论单位是什么。记得写引号提示

css经典教程来自淘豆网www.taodocs.com转载请标明出处.