原创力文档- 1、本文档共8页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
本节介绍CSS的两个主要特性。第4章CSS3基础4.3CSS的两个主要特性《网页设计与制作教程Web前端开发第6版》刘瑞新主编配套资源
目录第4章CSS3基础4.1CSS简介4.2在HTML中使用CSS的方法4.3CSS的两个主要特性4.4CSS的基本语法4.5CSS的选择器4.6属性值的写法和单位4.7HTML文档结构与元素类型4.8实训——制作内容详情页习题4
1.层叠CSS的第一个特性是“层叠”，层叠（cascade）是指CSS能够对同一个元素应用多个样式表的能力。【例4-5】样式表的层叠示例。在div标签中嵌套p标签，本例文件4-5.html在浏览器中显示的效果，如图4-7所示。4.3CSS的两个主要特性
!DOCTYPEhtmlhtml head metacharset=utf-8 title多重样式表的层叠/title styletype=text/css div{color:red;font-size:12pt;} p{color:blue;} /style /head body div !--p元素里的内容会继承div定义的属性-- p这个段落的文字为蓝色12号字/p /div /body/html4.3CSS的两个主要特性
2.继承CSS的第二个特性是“继承”，继承指的是特定的CSS属性可以从父元素向下传递到子元素。【例4-6】CSS继承示例，本例文件4-6.html在浏览器中显示的效果如图4-8所示。4.3CSS的两个主要特性
4.3CSS的两个主要特性!DOCTYPEhtmlhtml head metacharset=utf-8 title继承示例/title styletype=text/css p{color:#00f;/*定义文字颜色为蓝色*/ text-decoration:underline;/*增加下划线*/} pem{/*为p元素中的em子元素定义样式*/ font-size:24px;/*定义文字大小为24px*/ color:#f00;/*定义文字颜色为红色*/} /style /head
4.3CSS的两个主要特性 body h3CSS基础/h3 pCSS是一组格式设置规则，用于控制emWeb/em网页的外观。/p ul liCSS的优点 ul li表现和内容（结构）分离/li li易于维护和em改版/em/li li更好的控制页面布局/li /ul /li liCSS设计与编写原则/li /ul /body/html
非常棒的你！又开始学习新的内容《网页设计与制作教程Web前端开发第6版》刘瑞新主编配套资源
文档评论（0）