《Web开发技术―CSS课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、ASP.net程序设计第3章CSS主要内容CSS概述CSS语法CSS选择器CSS样式CSS盒模型及定位3.1CSS概述CSS(CascadingStyleSheets)即层叠样式表，主要用其定义HTML元素的显示方式。在HTML文档中使用CSS定义元素样式，很好地解决了页面显示内容和表现形式的分离问题，提高了HTML页面的工作效率。HTML标签主要用于定义文档内容，如果需要对于网页内容进行显示格式的调整，可以在标签中增加属性设置以满足要求，但是这种修改方法收到标签位置和内容的限制，给页面表现形式的修改增加了困难。若在主页制作时采用CSS技术，可以有效地对页面

2、的布局、字体、颜色、背景和其它效果实现更加精确的整体控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者多个网页的外观和格式。3.1.1CSS历史网页设计最初使用HTML标签来定义网页文档以及格式的，通过使用

、

、

这样的标签，HTML通过浏览器可以表达“标题”、“段落”、“表格”等信息内容和格式。但是这种格式表达样式单一，不能够满足更多的文档样式需求。而两种主要的浏览器（Netscape和InternetExplorer），为了丰富网页的现实内容和效果，不断地将新的HTML标签和属性添加到HTML规范中，这使得

3、文档中的内容要清晰地独立于文档表现层变得越来越困难。为了解决这些问题，万维网联盟（W3C），在HTML之外创造出样式（Style）。样式主要用于定义如何显示HTML元素，我们将独立于样式通常保存在外部的.css文件中。通过仅仅编辑一个简单的CSS文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。1997年W3C在颁布HTML标准的同时公布了第一个层叠样式标准CSS1。在这个版本中，已经包含了font的相关属性、颜色和背景的相关属性、box的相关属性等。1998年5月发布了CSS2版本，样式得到了进一步的充实，并且开始使用样式表结构。现在所使用的C

4、SS版本基本都是在这个版本的基础上发展起来的。2004年2月正式推出了CSS2.1。它在CSS2的基础上作了一定的修改，删除了部分不被浏览器支持的属性。2010年推出CSS3。3.1.2CSS的创建现在所有的主流浏览器均支持层叠样式表。样式表允许以多种方式规定样式信息。样式可以规定在单个的HTML元素中，在HTML页的头元素中，或在一个外部的CSS文件中。甚至可以在同一个HTML文档内部引用多个外部样式表。如果再HTML文档中一个元素被不止一个样式定义时，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中：浏览器缺省设置外部样式表内部样式表（位于

5、>标签内部）内联样式（在HTML元素内部）因此，内联样式（在HTML元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。插入样式表的方法有以下三种：一、外部样式表外部样式表适合于需要应用于很多页面的样式的定义。当在一个网站的文档中使用外部样式表时，可以通过改变一个文件来改变整个站点的外观。每个页面使用标签链接到外部样式表。标签应定义在文档的标签中。语法格式如下：

6、text/css"href="cssurl"/>其中href用于指定要引用的css文件的路径，使得浏览器会从该css文件中读取样式声明，并根据它来格式文档。外部样式表应该保存在以.css为扩展名的文件中，该文件内容可以在任何文本编辑器中进行编辑，但文件不能包含任何的html标签。二、内部样式表内部样式表适合于在单个文档中使用的特殊样式。可以通过三、内联样式内联样式适用于只在某个元素上

7、使用一次的样式的定义。这种样式的定义和内容混杂在一起，失去了样式表的许多优势，因此不建议大量使用。要使用内联样式，需要在相关的标签内使用样式（style）属性。Style属性可以包含任何CSS属性。例如：用户名：四：多重样式如果某些属性在不同的样式表中被同样的选择器定义，那么属性值将从更具体的样式表中被继承过来。3.2CSS语法CSS基本语法结构：selector{dec

8、laration1;declaration2;...

当前文档最多预览五页，下载文档查看全文

侵权申诉 举报

此文档下载收益归作者所有

下载文档

当前文档最多预览五页，下载文档查看全文

点击下载本文档

• 版权提示
• 下载文档

举报

温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。

相关文章

更多

• web开发技术（java）--jsp基础知识(html+javascript+css)课件
• css框架技术在web开发中的应用
• 《css技术概述web》ppt课件
• [web开发CSS系列].The.Ultimate.CSS.Reference
• [web开发CSS系列].WebDevelopmentSolutions
• [web开发CSS系列].UIdesignForMereMortals
• [web开发CSS系列].The.Art.and.Science.of.CSS
• [web开发CSS系列].The.Art.and.Science.of.CSS
• 《Web开发技术》PPT课件
• CSS(Web技术应用基础).ppt

相关标签

ppt 课件