基于ASPNET的Web应用开发单元2网ppt课件.ppt

《基于ASPNET的Web应用开发单元2网ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、WEB应用开发单元2：网站的规划与设计任务2：网页设计与制作基础（html+css+js）(2)主要内容CSS样式规则1样式的继承与层叠2CSS盒模型3学习目标知识目标：CSS样式的使用方法能力目标：能够使用CSS样式美化网页元素技术应用的背景在HTML文档里使用CSS样式可以美化页面的外观，改变页面的布局。使用外部样式可以解决网站内容与表现分离的问题，另外外部样式表可以极大提高工作效率，能轻松的为网页进行改版或维护。一、CSS简介1.CSS（CascadingStyleSheet）中文译为层叠样式表，是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CS

2、S是用于布局与美化网页的CSS语言是一种标记语言,因此不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)CSS文件是一个文本文件,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀CSS是大小写不敏感的,CSS与css是一样CSS是由W3C的CSS工作组产生和维护的一、CSS简介2.CSS的作用页面的载入更快,可以降低网站的流量费用使设计师在修改设计时更有效率，而代价更低使整个站点保持视觉的一致性使HTML代码更为清晰、简洁，可更好的被搜索引擎找到和索引,使站点对浏览者和浏览器更具有亲和力仅仅HTMLHTML+CSSCSS的思想就是首先指定对什么“对象”进

3、行设置，然后指定对该对象的哪个方面的“属性”进行设置，最后给出该设置的“值”。CSS由3个基本部分组成的——“对象”、“属性”和“值”。1.CSS规则CSS文档由一条或多条CSS规则（Rules）组成，规则拥有特定的格式：二、CSS样式规则二、CSS样式规则2.CSS单位单位名称说明pc(pica)1pc=12point（点）pt(point)1pt=1/72inch（英寸）mm(millimeter)亳米cm(centimeter)厘米in(inch)英寸px(pixel)像素，代表计算机屏幕上的一点em表示字体的高度的单位ex表示字体中字母X的高度二、CSS样式规则行

4、内式：在HTML标签的style属性中写CSS代码嵌入式：在中写CSS代码链接式：使用链接外部CSS文件导入式：使用@import指令@importurl("mystyle.css“);3.在HTML中引入CSS样式二、CSS样式规则4.基本CSS选择器在CSS的3个组成部分中，“对象”是很重要的，它指定了对哪些网页元素进行设置，因此，它有一个专门的名称选择器（sele

5、ctor）。基本CSS选择器有以下四种：标签选择器类别选择器ID选择器伪类选择器（1）CSS标签选择器用于设定HTML文档中指定标签的显示样式二、CSS样式规则

这是标题文本

这里是正文内容

这是标题文本

这里是正文内容

这是标题文

这里是正文内容

6、择器（续）h2：标题标签所有h2均使用同一种样式（2）类别选择器给特定的一组CSS代码取名，可以应用于多个不同的标签：二、CSS样式规则二、CSS样式规则.red{color:red;/*红色*/font-size:18px;/*文字大小*/}.green{color:green;/*绿色*/font-size:20px;/*文字大小*/}class选择器1