100笔趣阁

手机浏览器扫描二维码访问

第56章 生娘不如养娘亲（第1页）

清晨天还没亮就清醒了，起身看手机才四点就滚回床里多躺了四十分钟才起身到厕所里穿着运动内衣下楼，乌小弟紧跟随后跑下来目送我出门。四点多的国道上格外安静，跑到半路时想到‘伽利略在比赛斜塔做的两个铁球同时落地实验。’心想当时高空抛物不违法。跑到最后十字路口时见着日常光着膀子穿着裤衩那大叔他跑上人行横道，心想着‘连狗洞都不敢钻。’愚蠢的土拨鼠跑到挡板下顺利钻过。

跑到家一开门就见乌弟守在门口等我，它一见回来就走到楼梯口蹲着看着我做拉伸。做着瞧见它起身走到饭桌下，我笑着和它说‘狼外婆来了。’刚说完妈妈端着杯温开水下楼黄毛小子也跟着屁股。我说‘这小桔还是和外婆‘亲脚’，怪不得随你姓。’妈妈笑嘻嘻问我‘几点出门跑步。’我说‘四点多。’喝完水后又去洗了把蓝莓。做完拉伸喊着两娃上楼，走到客厅收拾着两娃的猫碗到厕所里干净后各舀杯猫粮铲完猫屎就到厕所里洗澡，洗完澡出来时就见着黄毛小子躺在门口台阶下等我。望着猫碗前的乌弟还一个劲顾着吃，拿着换洗衣物下楼到厕所刷牙时黄毛小子也跟着进厕所里。刷牙妈妈帮我剥好鸡蛋，吃着鸡蛋时瞧见乌弟吃饱跑下来客厅门关着看它和黄毛隔着网门互动服用药物后喊着两娃上楼。

第八十六节CSS_选择器优先级_详细聊

ID选择器＞类选择器＞元素选择器＞通配选择器就好比生物圈中的大鱼吃小鱼，小鱼吃虾米一样层层递进，但都逃不过行内样式这个生物圈。而!important就像是生物圈中的核武器大于行内样式，大于所有选择器，权重最高！

在教程中也有讲到VScode编辑器里把鼠标放在对应的选择器上可查看权重。

第八十七节CSS_三大特性

1.层叠性

概念：如果发生了样式冲突，那就会根据一定的规则（按照ID选择器＞类选择器＞元素选择器＞通配选择器）进行样式的层叠（覆盖）。

什么是样式冲突？———元素的同一个样式名，被设置了不同的值，这就是冲突。

例如：h2{

color:green;

color:red;

}运行后会呈现红色，谨记‘后来者居上原则。’

2.继承性

概念：元素会自动拥有其父元素、或其祖先元素上所设置的某些样式。

规则：优先继承离得近的。

在代码中点击MDN网站上可查询是否可继承。

3.优先级

!important＞行内样式＞ID选择器＞类选择器＞元素选择器＞*＞继承的样

式，谨记这个生物不变的定律。

详细聊需计算权重，计算权重时需要注意：并集选择器的每一个部分是分开算的！

第八十八节CSS_聊聊像素

1.像素的概念

概念：我们的电脑屏幕是，是由一个一个“小点”组成的，每个“小点”，就是一个像素（px）。

规律：像素点越小，呈现的内容就越清晰、越细腻。

在编辑器中cm，mm和nm这几个单位也可以采用。

注意点：因为我们工作中都是参考详细的设计稿，去给元素设置宽高。