- 1、本文档共8页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
我们毕业啦其实是答辩的标题地方CSS的高级特性
CSS的高级特性是指什么呢?CSS的高级特性层叠性继承性优先级
层叠性层叠性是指多种CSS样式的叠加。例6-4example04.htmlCSS的高级特性这里第一行文本显示的文字大小是18px,这是因为类选择器的优先级高于标记选择器。
继承性是指书写CSS样式表代码时,子标记会继承父标记的某些样式,如文本颜色和字号等。例如,定义页面主体标记<body>的文本颜色为黑色,那么页面中所有的文本都将显示为黑色,这是因为其他标记都是<body>标记的子标记。继承性恰当使用继承可以简化代码,降低CSS样式的复杂性。但是,如果网页中的所有元素都大量继承样式,判断样式的来源就会很困难,所以对于字体、文本属性等网页中通用的样式可以使用继承。例如,字体、字号和颜色等可以在<body>标记中统一设置,然后通过继承影响文档中的所有文本。CSS的高级特性
并不是所有的CSS属性都可以继承,譬如边框属性、外边距属性、内边距属性、背景属性、定位属性、布局属性、元素宽高属性等属性就不能继承。继承性当为<body>标记设置字号属性时,标题文本不会采用相应样式,因为标题标记<h1>~<h6>有默认的字号样式。注意CSS的高级特性
定义CSS样式时,经常出现两个或更多规则应用在同一元素上的情形,这时就会出现优先级问题。优先级通常,对同一个元素应用选择器样式的优先级是ID选择器>类选择器>标记选择器。CSS的高级特性
优先级例?6-5example05.html说明:若对同一个元素在行内式中、内部样式表中或在外部样式表中定义了相同的选择器的样式,则此时的优先级为行内式>内部样式表>外部样式表,也就是越接近目标元素的样式优先级越高,即满足就近原则。CSS的高级特性
我们毕业啦其实是答辩的标题地方感谢观看
您可能关注的文档
- 网页设计与制作案例教程(HTML5+CSS3+JavaScript)(微课版)(第2版) 课件 案例1:第一个 HTML5 网页.pptx
- 网页设计与制作案例教程(HTML5+CSS3+JavaScript)(微课版)(第2版) 课件 案例1知识点:网页相关概念.pptx
- 网页设计与制作案例教程(HTML5+CSS3+JavaScript)(微课版)(第2版) 课件 案例2:公司介绍网页.pptx
- 网页设计与制作案例教程(HTML5+CSS3+JavaScript)(微课版)(第2版) 课件 案例2知识点01:HTML5文档的基本结构.pptx
- 网页设计与制作案例教程(HTML5+CSS3+JavaScript)(微课版)(第2版) 课件 案例2知识点02:HTML文本标记.pptx
- 网页设计与制作案例教程(HTML5+CSS3+JavaScript)(微课版)(第2版) 课件 案例3:新闻列表网页.pptx
- 网页设计与制作案例教程(HTML5+CSS3+JavaScript)(微课版)(第2版) 课件 案例3知识点:HTML列表标记.pptx
- 网页设计与制作案例教程(HTML5+CSS3+JavaScript)(微课版)(第2版) 课件 案例4:简单公司网站.pptx
- 网页设计与制作案例教程(HTML5+CSS3+JavaScript)(微课版)(第2版) 课件 案例4知识点01:HTML超链接标记.pptx
- 网页设计与制作案例教程(HTML5+CSS3+JavaScript)(微课版)(第2版) 课件 案例4知识点02:HTML图像标记.pptx
文档评论(0)