初识CSSCSS的三大特性
层叠性、继承性、优先级。层叠性
样式冲突:是指同一个元素拥有两个不同属性值的相同样式。
层叠性的作用:解决样式冲突。
使一个样式覆盖(层叠)另一个样式,使元素只选择一种样式进行显示。
层叠性原则:样式冲突,遵循就近原则,哪个样式离结构近,就执行那个样式。 CSS的三大特性之一:层叠性。
运行结果 CSS的三大特性之一:层叠性。
运行结果 CSS的三大特性之一:层叠性。
运行结果继承性
子标签会继承父标签的某些样式,如文本属性、字体属性、颜色属性、字体行高等。
也就是说某些样式在父标签中添加后就不需要在子标签中再次添加该样式,可以减少代码冗余。 CSS的继承性。 CSS的继承性。
运行结果优先级
同一个元素指定多个选择器,就会产生优先级,优先显示权重高的样式。当选择器相同时,执行层叠性。当选择器不相同时,则根据选择器权重来执行。
权重等级顺序:
继承 或者 *(全局选择器):0,0,0,0 < 元素选择器:0,0,0,1 < 类选择器或伪类选择器:0,0,1,0 < ID选择器 :0,1,0,0 < 行内样式:1,0,0,0 < 在属性值后加:"!Important":无穷大。
注意事项:继承的权重为零。权重叠加:复合选择器会有权重叠加,但仅在该权重区间进行叠加,永远不会有进位情况。
CSS的三大特性之优先级:继承或全局选择器*(0,0,0,0)。
CSS的三大特性之优先级:元素选择(0,0,0,1)。
CSS的三大特性之优先级:类选择器或伪类选择器(0,0,1,0)。
CSS的三大特性之优先级:ID选择器(0,1,0,0)。
CSS的三大特性之优先级:行内样式(1,0,0,0)。
CSS的三大特性之优先级:!important(无穷大)。
运行结果 CSS的三大特性之优先级:继承或全局选择器*(0,0,0,0)。
CSS的三大特性之优先级:元素选择(0,0,0,1)。
CSS的三大特性之优先级:类选择器或伪类选择器(0,0,1,0)。
CSS的三大特性之优先级:ID选择器(0,1,0,0)。
CSS的三大特性之优先级:行内样式(1,0,0,0)。
CSS的三大特性之优先级:!important(无穷大)。
无穷大运行结果显示
今天就学到这吧,下次继续,不能再说明天了,还不知道明天能不能及时学习。加油!
生存法则很简单,就是忍人所不忍,能人所不能啊先假定我是一个骗子,然后你们各自摸一下兜里有没有片子能够惦记的东西,如果没有,那咱们就都放心了。生存法则很简单,就是忍人所不忍,能人所不能啊。忍是一条线,能又是一条线,这个两者之间
慧荣SM2258XT主控数据恢复详细教程找ROM点,板子上一般标JP1或直接标ROM,旁边两个点即为ROM,有些板子没丝印,但是有两个孔,一般就是ROM点,如图1。2短接ROM再上电,可用镊子短接或金属导线短接,一般情况
NFCTool手机模拟门禁卡手机软件教程此教程教您将门禁卡考勤卡会员卡停车卡电梯卡等等各种卡片模拟进NFC手机里,以后手机就可以刷卡了,非常方便,快去试试吧!视频加载中一软硬件准备蓝牙门禁读卡器蓝牙门禁读卡器方便操作,可
魔兽架设教程我是艾西今天跟大家分享下魔兽wow搭建图文教程准备服务器要求16H16G物理服务器下载购买服务端下载后上传到服务器,最好的话用网盘上传速度快。上传到D盘根目录然后解压获得wowSe
冰封黄河12月7日拍摄的内蒙古鄂尔多斯市达拉特旗冰封黄河景象(无人机照片)。近日,黄河内蒙古段进入凌汛期。新华社记者连振摄12月7日拍摄的内蒙古鄂尔多斯市达拉特旗冰封黄河景象(无人机照片)
凌拓科技多功能健康检测仪检测血氧注重个人防护新冠疫情的三年中,很多人已经树立起了健康管理的观念和素养,会购置一些血压计血糖仪体温计等居家医疗检测设备,而血氧仪也渐渐被越来越多人关注和熟知。血氧仪有什么作用?那些人需要血氧仪?
淮安将新增一4A级景区扬子晚报网12月8日讯(记者朱鼎兆)据江苏省文旅厅消息,淮安市金湖县尧想国文化旅游区拟确定为国家4A级旅游景区。金湖尧想国文化旅游区占地面积550亩,总投资6。28亿元。景区以尧文
2022年12月8日,一起早读云南!今天是2022年12月8日星期四今日天气云南省气象台预计,今天(12月8日),昆明晴,820,昭通东部曲靖东部阴天间多云有分散性小雨,文山红河南部普洱南部西双版纳临沧西部德宏南部多
十大云南旅游必去景点疫情结束,又到大家放飞自我的时候啦!下面给大家推荐下云南旅游打卡地,记得收藏哦。1丽江古城世界文化遗产丽江古城,四方街大水车纳西壁画大研镇大石桥,体味小桥流水,户户垂杨的独特古城风
河源首艘新能源船舶下水试航12月9日上午,河源市首艘LNG动力内河运输船舶粤华远9528在东江河源段河源市现代船舶造船工业有限公司(下称河源现代船舶公司)船厂水域下水,标志着河源正式进入新能源动力运输船新时
今晚8点抢券!广州三轮政府消费券首轮来了近日,广州全市各大商圈逐步回暖,城市烟火气逐渐回归,商贸企业发展信心增强。为了让消费更有底气,注入更多信心,广州将于12月8日20时起启动羊城欢乐购冬日盛惠,前三轮不间断发放广州政