《Web程序设计基础》_第五讲.ppt

《《Web程序设计基础》_第五讲.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第五讲CSS之体验及基本语法《Web程序设计基础》课程组2010-09目录CSS的概念应用CSS到网页中样式优先级问题CSS选择器选择器的声明CSS的继承21、CSS的概念CSS（CascadingStyleSheet），中文译为层叠样式表，它是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS的作用是定义网页的外观（例如字体，颜色等等），它也可以和javascript等浏览器端脚本语言合作做出许多动态的效果。31、CSS的概念插入样式表前的网页（top.html）

2、op.css"rel="stylesheet"type="text/css"/>插入样式表后的网页（top.html）42、应用CSS到网页中行内样式表行内样式表直接在标签内部定义，使用style属性，写法如下：<标签style=“color:green;”>52、应用CSS到网页中内部样式表内部样式表需要在网页的部分定义，格式如下：h2{font-family:幼圆;color:red;}62、应用CSS到网页中外部样式

3、表使用外部样式表时，CSS文件与网页文件(html)是分离开来的。要让某一个网页调用一个外部CSS文件，你需要在网页的部分插入以下内容：72、应用CSS到网页中导入样式表导入样式和链接样式功能基本相同，只是语法和运作上略有区别。格式如下：83、样式优先级问

4、题写法优先权行内、内部、外部、导入谁最优先呢？选择符优先权id、class谁优先呢？93、样式优先级问题行内样式表>内部样式表>外部样式表>导入样式表。对于id与class而言，id的定义优先于class。104、CSS选择器标记选择器114、CSS选择器类别选择器124、CSS选择器ID选择器135、选择器的声明集体声明（5-1.html）全局声明（5-2.html）选择器的嵌套（5-3.html）146、CSS的继承父子关系（5-

5、4.html）CSS继承的使用（5-5.html）15