• <tt id="nesqd"><sup id="nesqd"></sup></tt>
      <strong id="nesqd"></strong>
          1. 千锋教育-做有情怀、有良心、有品质的职业教育机构

            领取全套视频

            关注千锋学习站小程序
            随时随地免费学习课程

            当前位置:首页  >  关于学院  >  技术论坛  >  正文

            web前端培训教程:CSS层叠性和继承性的概念区别

            时间:2022-01-13 17:47     来源:web前端 作者:qyf
            分享: 更多

              web前端技术中,css样式是非常常见的一个内容,我们在学习web前端技术的时候css样式也是会学到的,本期小编给大家介绍的web前端培训教程就是CSS层叠性和继承性的概念区别,来看看下面的详细内容吧。

            通用

              web前端培训教程:CSS层叠性和继承性的概念区别

              CSS是层叠式样式表的简称,层叠性和继承性是其基本特征。对于网页设计师来说,应深刻理解和灵活运用这两个概念。

              1.层叠性

              层叠性是指多种CSS样式的叠加。例如,当使用内嵌式CSS样式表定义

            标记字号大小为12m,外链式定义

            标记颜色为红色,那么段落文本将显示为12p既这两种样式产生了叠加。

              2.继承性

              继承性是指书写CSS样式表时,子标记会继承父标记的某些样式,如文本颜色和字号。例如,定义主体标记body的文本颜色为黑色,那么页面中所有的文本都将显示为黑色,这是因为其他标记都嵌套在标记中,是标记的子标记。

              继承非常有用,可以不必在标记的每个后代上添加相同的样式。如果设置的属性是一个可继承的属性,只需将它应用于父标记即可,例如下面的代码:

              p, div, hl, h2, h3, h4, ul, ol, dl, li(color: black;}

              就可以写成:

              body( color:black;}

              第二种写法可以达到相同的控制效果,且代码更简洁(第一种写法中有一些陌生的标记,了解即可)。

              恰当地使用继承可以简化代码,降低CSS样式的复杂性。但是,如果在网页中所有的标记都大量继承样式,那么判断样式的来源就会很困难,所以对于字体、文本属性等网页中通用的样式可以选用继承。例如,字体、字号、颜色等可以在body标记中统一设置,然后通过继承影响文档中所有文本。

              需要注意的是,并不是所有的CSS属性都可以继承,例如,下面的属性就不具有继承性。

              边框属性, 如border、border-top、border-right、border-bottom等。

              外边距属性,如margin、margin-top、margin-bottom、margin-left等。

              内边距属性,如padding、padding-top、padding-right、padding-bottom等。

              背景属性,如background、background-image、background-repeat等。

              定位属性,如position、top、right、bottom、left、z-index等。

              布局属性, 如clear、float、clip、display、overflow等。

              元素宽高属性,如width、height。

              注意:当为body标记设置字号属性时,标题文本不会采用这个样式,可能会认为标题没有继承文本字号,这种认识是错误的。标题文本之所以不采用body标记设置的字号,是因为标题标记h1~h6有默认字号样式,这时默认字号覆盖了继承的字号。

              关于“CSS层叠性和继承性的概念区别”的web前端培训教程就是以上介绍的这些了,如果对于web前端培训课程还有具体想了解的问题,可以咨询我们的客服小姐姐,他们会为您做一对一的解答哦。

            相关文章

            • 北京总部地址:北京市海淀区宝盛北里西区28号中关村智诚科创大厦4层
              北京沙河校区:北京市昌平区沙阳路18号北京科技职业技术学院广场服务楼
              咨询电话:400-811-9990
              面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
              认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
            • 深圳校区地址:深圳市宝安区宝安大道5010号西部硅谷B座A区6层A605/B座C区1层108
              咨询电话:400-811-9990
              面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
              认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
            • 上海校区地址:上海市宝山区同济支路199号智慧七立方3号楼2-4层
              咨询电话:400-811-9990
              面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
              认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
            • 广州校区地址:广州市白云区永平街永泰学山塘学山文化创意谷A1栋六楼
              咨询电话:400-811-9990
              面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
              认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
            • 郑州二七区校区地址:郑州市二七区航海中路60号海为科技园C区10层
              郑州高新区校区地址:郑州市高新区金梭路与银杏路交叉口教育科技产业园南门D座4层
              咨询电话:400-811-9990
              面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
              认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
            • 大连校区地址:辽宁省大连市高新园区爱贤街10号大连设计城A座901
              咨询电话:400-811-9990
              面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
              认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
            • 武汉金融港校区地址:武汉市东新区光谷大道77号金融港B18栋三楼
              咨询电话:400-811-9990
              面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
              认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
            • 成都校区地址:成都市高新区肖家河沿街138号肖家河大厦三楼
              咨询电话:400-811-9990
              面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
              认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
            • 西安校区地址:西安市雁塔区高新六路52号立人科技C座西区4楼
              咨询电话:400-811-9990
              面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
              认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
            • 杭州旺田校区:浙江省杭州市江干区九堡旺田书画城A座4层
              咨询电话:400-811-9990
              面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
              认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
            • 青岛校区地址:青岛市市北区龙城路31号卓越世纪中心4号楼5层
              咨询电话:400-811-9990
              面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
              认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
            • 重庆校区地址:重庆市九龙坡区科园一路3号渝高大厦9楼
              咨询电话:400-811-9990
              面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
              认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
            • 长沙校区地址:湖南省长沙市岳麓区麓谷企业广场A2栋三单元306号
              咨询电话:400-811-9990
              面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
              认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
            • 哈尔滨校区地址:哈尔滨市松北区世泽路689号 科技创新城4号楼1101
              咨询电话:400-811-9990
              面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
              认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
            • 南京校区地址:南京市建邺区应天大街780号弘辉产业园1栋2层
              咨询电话:400-811-9990
              面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
              认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
            • 太原校区地址:太原市小店区长治路230号能源互联网大厦6层
              咨询电话:400-811-9990
              面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
              认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
            • 沈阳校区地址:辽宁省沈阳市浑南区世纪路16号东大软件园B园B1座A201
              咨询电话:400-811-9990
              面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
              认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
            • 合肥校区地址:合肥市包河区徽州大道396号东方广场B座12A
              咨询电话:400-811-9990
              面授课程:HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算培训、全栈软件测试培训、大数据+人工智能培训、智能物联网+嵌入式培训、Unity游戏开发培训、Go语言开发培训、PHP全栈+服务器集群培训、网络安全培训、互联网营销培训、好程序员
              认证课程:软考、Adobe认证、PMP认证、红帽RHCE认证
            • 千锋教育服务号

              关注千锋学习站小程序
              随时随地免费学习课程

            • 千锋教育移动站

              扫一扫快速进入
              千锋移动端页面

            • 千锋互联服务号

              扫码匿名提建议
              直达CEO信箱

            [an error occurred while processing the directive] 国产单亲乱l仑视频在线观看,亚洲中文字幕无码专区,夜夜添无码试看一区二区三区,免费A级毛片免费观看视频