no6 美化详情内容页（层叠性与继承性）.pptxVIP

;入门测

作业分析

知识回顾

应用样式：行内样式、内嵌样式、外部样式

;入门测

作业分析

知识回顾

应用样式：行内样式、内嵌样式、外部样式

基本选择器:标签选择器、id选择器、class选择器、通配符选择器

常用文本样式属性：color、font-size、font-weight、text-align

;网页开发中，遵循“结构与表现分离”的核心理念，HTML负责构建页面结构，用标签组织网页内容，如标题、段落、图片、列表等；CSS（层叠样式表）负责页面美化，让网页变得赏心悦目，更富有吸引力。

本任务学习CSS的使用方式，了解CSS的特性，掌握图像、文本及超链接样式设置，美化”详情内容”页。

;学习内容;;;;;;设计水平导航条。

要求：

导航条：背景为黑色，内容居中；

超链接：120px*60px，去下划线，

文字白色，居中，行高60px

hover状态：背景为#95c62e色。

;层叠性决定了当多个CSS规则应用于同一个元素时，浏览器如何解决冲突并确定最终应用的样式。主要考虑以下因素：

优先级：行内样式ID选择器类选择器标签选择器

源代码顺序：后定义的样式规则覆盖先定义的规则

重要性：!important声明具有最高优先级;继承性是指某些CSS属性会被子元素自动继承的特性：

可继承属性：主要是文本相关属性（font-family,color,line-height等