清晨天还没亮就清醒了,起身看手机才四点就滚回床里多躺了四十分钟才起身到厕所里穿着运动内衣下楼,乌小弟紧跟随后跑下来目送我出门。四点多的国道上格外安静,跑到半路时想到‘伽利略在比赛斜塔做的两个铁球同时落地实验。’心想当时高空抛物不违法。跑到最后十字路口时见着日常光着膀子穿着裤衩那大叔他跑上人行横道,心想着‘连狗洞都不敢钻。’愚蠢的土拨鼠跑到挡板下顺利钻过。
跑到家一开门就见乌弟守在门口等我,它一见回来就走到楼梯口蹲着看着我做拉伸。做着瞧见它起身走到饭桌下,我笑着和它说‘狼外婆来了。’刚说完妈妈端着杯温开水下楼黄毛小子也跟着屁股。我说‘这小桔还是和外婆‘亲脚’,怪不得随你姓。’妈妈笑嘻嘻问我‘几点出门跑步。’我说‘四点多。’喝完水后又去洗了把蓝莓。做完拉伸喊着两娃上楼,走到客厅收拾着两娃的猫碗到厕所里干净后各舀杯猫粮铲完猫屎就到厕所里洗澡,洗完澡出来时就见着黄毛小子躺在门口台阶下等我。望着猫碗前的乌弟还一个劲顾着吃,拿着换洗衣物下楼到厕所刷牙时黄毛小子也跟着进厕所里。刷牙妈妈帮我剥好鸡蛋,吃着鸡蛋时瞧见乌弟吃饱跑下来客厅门关着看它和黄毛隔着网门互动服用药物后喊着两娃上楼。
第八十六节 css_选择器优先级_详细聊
id选择器 > 类选择器 > 元素选择器 > 通配选择器就好比生物圈中的大鱼吃小鱼,小鱼吃虾米一样层层递进,但都逃不过行内样式这个生物圈。而!important 就像是生物圈中的核武器大于行内样式,大于所有选择器,权重最高!
在教程中也有讲到vs code编辑器里把鼠标放在对应的选择器上可查看权重。
第八十七节 css_三大特性
1. 层叠性
概念:如果发生了样式冲突,那就会根据一定的规则(按照id选择器 > 类选择器 > 元素选择器 > 通配选择器)进行样式的层叠(覆盖)。
什么是样式冲突? ——— 元素的同一个样式名,被设置了不同的值,这就是冲突。
例如:h2 {
color: green;
color: red;
}运行后会呈现红色,谨记‘后来者居上原则。’
2. 继承性
概念:元素会自动拥有其父元素、或其祖先元素上所设置的某些样式。
规则:优先继承离得近的。
在代码中点击mdn网站上可查询是否可继承。
3. 优先级
!important > 行内样式 > id选择器 > 类选择器 > 元素选择器 > * > 继承的样
式,谨记这个生物不变的定律。
详细聊需计算权重,计算权重时需要注意:并集选择器的每一个部分是分开算的!
第八十八节 css_聊聊像素
1. 像素的概念
概念:我们的电脑屏幕是,是由一个一个“小点”组成的,每个“小点”,就是一个像素(px)。
规律:像素点越小,呈现的内容就越清晰、越细腻。
在编辑器中cm,mm和nm这几个单位也可以采用。
注意点:因为我们工作中都是参考详细的设计稿,去给元素设置宽高。
第八十九节 css_颜色_第1种表示_颜色名
编写方式:直接使用颜色对应的英文单词,编写比较简单。
1. 颜色名这种方式,表达的颜色比较单一,所以用的并不多。
2. 具体颜色名参考 mdn 官方文档
上午喝早茶时边吃着边看着两娃在电视柜前跑来跑去打着架,吃饱后乌弟一马当先冲在前头,我在后头赶着黄毛小子出客厅就把门关上。回房学习时乌弟跑到桌边睡觉睡着睡着床上的黄毛小子突然扑上桌把乌弟推下桌时乌弟把桌上妈妈刚端进来的车前草水洒出来,立马停下手中的代码打开抽屉拿着酒精湿巾和干巾擦着桌子。学习到中午时见乌弟躺在枕头上睡觉走上前吸着它时黄毛小子从客厅里跑到我屁股后蹭着我,吸完后坐回椅子上两娃在床里进入午休时间。微信收到黄毛小子亲娘发来一条信息‘过来帮它打第二针疫苗。’等到快到时我先到楼下开门迎,两娃也跟着一块跑下来。亲娘进来时乌弟立马就跑上楼躲进房里,黄毛小子跑进饭桌边的猫砂盆里躲着。亲娘和我说‘要不在这解决就得。’我说‘这地它不熟上楼好办事。’亲娘说‘好。’但喊着这臭小子上楼也非常艰难,一路上我不断鼓励喊着它。亲娘emo的说‘它不认识我了。’走到客厅亲娘让卑微的养娘拆条猫条给这臭小子吃,由于不认识它亲娘打针的过程明显比第一次难很多看着这臭小子吃着嘴里的猫条还不愿意打疫苗最后吃了两条猫条和一包磨牙棒才打成功。
因为黄毛小子和亲娘不亲近打完后她也没多留收拾好东西就回去,临走前和她说我打算再领养一只小猫的事。她问我‘领养后黄毛小子你还养吗?’我说‘养,放心。我会养到它善终的。’她听完拍着胸脯。送她出门就回房学习由于长时间坐在电脑前状态不佳就到楼下收拾饭桌边的收纳柜自打喜欢上打扫屋子后发现妈妈做家务都是做表面功夫,家里许多犄角旮旯处还是缺乏打理。打扫完看时间到四点半心想着‘这点上国道上冲浪最好。’到厕所里穿着运动内衣跑上国道跑了一小段后尿路感觉到不舒服就停下脚步走回家。走到家到后院里收拾起刚在收纳柜里翻出来的锅碗瓢盆等妈妈回来时让她带我去看医生。妈妈马不停蹄载着我去看医生,到诊所我和医生说‘尿频尿急尿不畅。’医生立马开药,回家后立马服用一包才吃上晚饭。
吃饱走到客厅猫碗前收拾着两猫碗到厕所里洗后舀猫粮给它们吃,自个就去洗澡。洗完澡感觉身体还是很不舒服早早上床休息。睡前用热敷护眼仪敷后很快进入熟睡状态睡眠质量基本覆盖全夜。
清晨天还没亮就清醒了,起身看手机4:39分。走到客厅里收起两猫碗时瞧见黄毛小子跑进房里的猫砂盆里上茅房碗洗干净舀猫粮本想出门晨跑可感觉身体还是不太舒服走到楼下服用一包药就出门散步,回来练会《金刚功》第一次跟连练完感觉整个体内非常滚烫。妈妈拿着手机问我‘有没有好点。’我说‘还是尿频。’妈妈就上房里拿着左氟沙星给我服用,刷完牙走出厕所时一不小心就踩到蹲在门口等着的黄毛小子抬起脚后它就跑到茶几下和它说‘不好意思’。吃着面包时和妈妈说着这小子确实比乌弟干净的多起床时见它看客厅里猫砂盆脏就跑进房里上厕所的事,妈妈点着头认同我的说法。
第九十节 css_颜色_第二种表示rgb 或 rgba
编写方式:使用 红、黄、蓝 这三种光的三原色进行组合。
r 表示 红色
g 表示 绿色
b 表示 蓝色
a 表示 透明度。
举例: \/* 使用 0~255 之间的数字表示一种颜色 *\/
color: rgb(255, 0, 0);\/* 红色 *\/
\/* 混合出任意一种颜色 *\/
color:rgb(138, 43, 226) \/* 紫罗兰色 *\/
color:rgba(255, 0, 0, 0.5);\/* 半透明的红色 *\/
\/* 也可以使用百分比表示一种颜色(用的少) *\/
color: rgb(100%, 0%, 0%);\/* 红色 *\/
color: rgba(100%, 0%, 0%,50%);\/* 半透明的红色 *\/
小规律:
1. 若三种颜色值相同,呈现的是灰色,值越大,灰色越浅。
2. rgb(0, 0, 0) 是黑色, rgb(255, 255,255) 是白色。
3. 对于 rbga 来说,前三位的 rgb 形式要保持一致,要么都是 0~255 的数字,要么都是百分比 。
在教程中还涉及到一取色器可在尚硅谷配套资料中找到faststone capture取色器后在设置中在工具栏上显示更多按钮里选择小针管进行取色后复制其rgb值写入代码中。
第九十一节 css_颜色_第3种表示_hex或hexa
hex 的原理同与 rgb 一样,依然是通过:红、绿、蓝色 进行组合,只不过要用 6位(分成3组) 来表达。
格式为:# rrggbb,颜色代入了解十六进制。
注意点: ie 浏览器不支持 hexa ,但支持 hex 。
第九十二节 css_颜色_第4种表示_hsl或hsla
hsl 是通过:色相、饱和度、亮度,来表示一个颜色的,格式为: hsl(色相,饱和度,亮度)。
代码格式:.atguigu1 {
color: hsl(0, 100%, 50%);
}
饱和度:取值范围是 0%~100% 。(向色相中对应颜色中添加灰色, 0% 全灰, 100% 没有灰)。
亮度:取值范围是 0%~100% 。( 0% 亮度没了,所以就是黑色。 100% 亮度太强,所以就是白色了)。
hsla 其实就是在 hsl 的基础上,添加了透明度。
上午喝早茶前转账了五千块给妈妈,喝早茶时妈妈问我‘转钱给她干嘛。’我说‘这钱你收着,拿去添着买新房子材料。’妈妈一开始还不好意思收说‘你没‘撞墙’哪有钱。’见她不好意思拿着手机按下确认收款。坐下吃着红桃粿时和她起要再领养一只小猫的事,妈妈一听立马拿起手机普通话瞬间可以考级说‘不要,养两只就好呐。’我拿着手机给她看了小猫被捡到那天腿断的照片说‘你看看这猫它在潮阳区被七八岁‘诸鬼仔’打断腿终身残疾,我是残疾人她也是我们是不是要领养她。’妈妈看完照片缩着脖子发出一声咦后说‘怕你养太多太累。’我说‘不会,它们长大会孝顺你的。’我说‘到时候和你一样三个孩子,两个女儿一个儿子。’妈妈语气勉强的说‘好呐,好呐。’
回房学习看着睡在躺在棉被上睡觉的黄毛小子拿着手机跑上前猛吸一波狂拍照片,发觉自打养了这些嫩模后工地摄像师技术突飞猛进拍照还会找角度。看着它熟睡时心跳频率非常快伸出手上前摸时它突然就惊醒,吸完后坐回电脑前学习到中午时由于早起的缘故感觉有点疲惫就上床休息。走到床里时黄毛小子正熟睡着一抱它就清醒蹲在我身边按着它的背在手里睡觉时这小子还不乐意转头伸着嘴来咬我,放开它后就跑到地上去我也慢慢进入熟睡状态。一觉睡了两三个钟头一睁开眼妈妈走进房里比划起身到楼下喝汤,我说‘刚起床你怎么那么灵。’妈妈笑着点点头,母女俩真的是心有灵犀一点通。妈妈先到楼下盛汤,起身看着黄毛小子坐在椅子上,乌弟一听见我起床踉踉跄跄从客厅里跑进房。上个厕所出来妈妈端着碗汤上来,我说‘到楼下客厅吃。’妈妈就端着汤走在前头。
到客厅里爸爸坐在沙发上手里拿着华仔吞云吐雾笑嘻嘻冲我竖起大拇指,我说‘这不想着去添建材。’喝着汤时问妈妈‘你这鲜猪肚买多少钱。’妈妈手势比着八说‘八十。’我说‘迈呐,我贱不受补。’妈妈拿着手机说‘身体健康就好。’吃完服用药物就回房继续学习看着视频时想起‘脑部感染住院时深夜常常失眠,每回失眠后隔天早上都会赖床还记得当时每天早晨妈妈都会在病床前把我拉起来。’其实在原生家庭中单个个体做出改变时很难圆满的必须得所有家庭成员一同做出改变小家才能变得更好更圆满。看着视频时右腿不停抖注意力很难集中就到客厅里收拾着猫砂盆时把乌小弟释放出来戴着十多天蒙娜丽圈的它一拆下立马抓耳挠腮见垃圾桶底也脏了也一同泡着。拿起扫把扫完地后就到厕所里刷洗猫砂盆和垃圾桶洗完又到楼下拿着拖把,拖地时两娃跑到沙发下打着架拿着拖把伸进沙发缝里边拖边赶着它们出来。收拾完后看时间到傍晚穿着运动内衣就到国道上冲浪从傍晚跑到日落跑到后半程时国道上路灯突然间就亮起,跑到最后一十字路口时我也见机跑上人行横道一上道瞬间后悔贴地砖的道路感非常差下道时望着略高的台阶在原地看了许久目测台阶高度后才敢迈下。下台阶后想起‘妈妈把我一岁还不敢迈过台阶的事挂着嘴边。’直到现在每回出门时我最怕的就是下楼梯迈台阶因为腿的原因每回下楼梯时都生怕踩空跌打。
跑到巷口时见妈妈坐在门口等着我,我边跑着边和她招手打招呼。妈妈见我回来起身和我招着手走进家里,跑到家门口做着拉伸妈妈跑到楼上倒了杯温开水上来。做完拉伸一进家门妈妈就到厨房里端着碗猪肚面上饭桌,坐下饭桌吃着面妈妈坐在边上守在我。吃饱后妈妈见碗里还有剩嘟着嘴拍着我,我说‘饱了,我到客厅里吃药。’走到客厅刚烧起水,妈妈就跟在后头进来。见水没开就先拿着猫砂盆到楼上倒新猫砂安排两娃的晚饭就又到客厅里见妈妈杯子里我冲好服用药物的冲剂拿药干完就上楼洗澡。
睡前到客厅里收拾猫碗到厕所里洗干净后蹲在地上吸了好一会黄毛小子拍着它背对它哼唱着‘爱你不是两三天~’,蹲在猫抓板前乌弟一听就冲过来把黄毛小子约到门后干了一架。看他们俩在干架立马起身回房关门上床躺着拿着两款护眼仪敷眼后因为午休的原因在床里翻来覆去总是睡不着到后半夜还没熟睡起身打坐冥想了会右腿就开始发痛发现因为腿的原因盘腿冥想目前程度最多只能达到十分钟就为极限,躺下后依旧没有进入熟睡状态闭着眼养神。