《《Web程序设计基础》_第五讲》由会员分享,可在线阅读,更多相关《《Web程序设计基础》_第五讲(15页珍藏版)》请在金锄头文库上搜索。
1、第五讲CSS之体验及基本语法 Web程序设计基础 课程组2010 09 2 目录 CSS的概念应用CSS到网页中样式优先级问题CSS选择器选择器的声明CSS的继承 3 1 CSS的概念 CSS CascadingStyleSheet 中文译为层叠样式表 它是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言 CSS的作用是定义网页的外观 例如字体 颜色等等 它也可以和javascript等浏览器端脚本语言合作做出许多动态的效果 4 1 CSS的概念 插入样式表前的网页 top html 插入样式表后的网页 top html 5 2 应用CSS到网页中 行内样式表行内样式表直接在标签
2、内部定义 使用style属性 写法如下 6 2 应用CSS到网页中 内部样式表内部样式表需要在网页的部分定义 格式如下 h2 font family 幼圆 color red 7 2 应用CSS到网页中 外部样式表使用外部样式表时 CSS文件与网页文件 html 是分离开来的 要让某一个网页调用一个外部CSS文件 你需要在网页的部分插入以下内容 8 2 应用CSS到网页中 导入样式表导入样式和链接样式功能基本相同 只是语法和运作上略有区别 格式如下 9 3 样式优先级问题 写法优先权行内 内部 外部 导入谁最优先呢 选择符优先权id class谁优先呢 10 3 样式优先级问题 行内样式表 内部样式表 外部样式表 导入样式表 对于id与class而言 id的定义优先于class 11 4 CSS选择器 标记选择器 p color red font size 25px 12 4 CSS选择器 类别选择器 13 4 CSS选择器 ID选择器 14 5 选择器的声明 集体声明 5 1 html 全局声明 5 2 html 选择器的嵌套 5 3 html 15 6 CSS的继承 父子关系 5 4 html CSS继承的使用 5 5 html