asp使用CSS布局网

asp使用CSS布局网

ID:36417784

大小:3.74 MB

页数:50页

时间:2019-05-09

asp使用CSS布局网_第1页
asp使用CSS布局网_第2页
asp使用CSS布局网_第3页
asp使用CSS布局网_第4页
asp使用CSS布局网_第5页
资源描述:

《asp使用CSS布局网》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第3章使用CSS布局网页ASP.NET程序设计教程北京理工大学计算机学院金旭亮主要内容3.1CSS简介3.2在HTML文档中使用CSS3.3编写CSS样式规则3.4样式的继承与层叠3.5CSS盒模型3.6流式布局与浮动布局3.7盒子的定位方式3.8网页布局实践23.1CSS简介CSS的作用CSS文档的基本组成元素CSS起什么用?SimplestPage.htm4结论:HTML定义了网页的结构CSS决定了浏览器如何显示HTML代码仅仅HTMLHTML+CSS3.2在HTML文档中使用CSS5如何在HTML中引入CSS?行内式:在HTML标签的style属性中编写CSS代码嵌入式

2、:在中编写CSS代码链接式:使用链接外部CSS文件导入式:使用@import指令@import"mystyle.css";63.3编写CSS样式规则7CSS规则与声明CSS文档由一条或多条CSS规则组成,规则拥有特定的格式:8CSS单位单位名称说明pc(pica)1pc=12pointpt(point)1pt=1/72inchmm(millimeter)亳米cm(centi

3、meter)厘米in(inch)英寸px(pixel)像素,代表计算机屏幕上的一点em表示字体的高度的单位ex表示字体中字母X的高度9学会编写CSS选择器标签选择器用于设定HTML文档中指定标签的显示样式11p{color:Red;font-size:25px;}类别选择器给特定的一组CSS代码取名,然后可以应用于多个不同的标签:12.red_large_text{color:Red;font-size:25px;}thisisaparagraph.

4、//www.bit.edu.cn">北京理工大学定义一个类别选择器在不同元素中应用类别选择器ID选择器对于页面中独一无二的元素,如页脚,可以给其id属性赋予一个独一无二的值13任何建议,请发送至教师邮箱

然后可以用ID选择器给指定ID的元素设置样式#footer{font-style:italic;font-size:16px;}伪类选择器超链接标签支持几个特殊的CSS样式类,用于定义超链接不同状态的样式,这些样式类被称为“伪类(pseu

5、doclass)”14属性说明a:link超链接的普通样式,即正常浏览状态的样式a:visited被点击过后呈现的样式a:hover鼠标指针悬停于超链接元素之上时呈现的样式a:active单击超链接时呈现的样式Demo:PseudoSelector.htm基本选择器与复合选择器将前面介绍的“标记选择器”、“类别选择器”和“ID选择器”统称为“基本选择器”。“复合选择器”包括:(1)交集选择器(2)并集选择器(3)后代选择器15交集选择器直接指定特定标记中特定类别或ID的样式。16p.special{/*标记.类别选择器*/color:red;}p#special{/*id选择

6、器*/color:green;}Demo:IntersectionSelector.htm注意:选择器字符间不要有空格!并集选择器一次定义多个标签或类别或ID的样式17div,.special,#one{/*集体声明*/text-decoration:underline;/*下划线*/}注意:以逗号隔开各个选择器Demo:UnionSelector.htm后代选择器选择嵌套在指定元素的内部元素的样式18pspan{color:red;}Demo:DescendantSelector.htm注意:以空格分隔选择器关于选择器CSS选择器是编写样式表文档的基础,一定要熟悉并掌握这六

7、种基本的选择器样式,从而为今后网页设计打下基础。193.4CSS的继承与层叠原则浏览器如何显示未定义样式的元素?样式定义相互冲突时如何决定最终显示效果?CSS的继承原则21结论:没有定义CSS规则的HTML元素从它的父元素中继承样式!div.father{color:blue;/*颜色*/text-decoration:underline;/*下划线*/}这是父元素内的文本,显示为蓝色加下划线

这是子元素内的文本
使用交集选择器定义样式

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

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

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