手机浏览器扫描二维码访问
实际开发中几乎都使用外部样式这是最推荐的使用方式!
第六十一节css_样式表优先级
优先级规则:行内样式>内部样式=外部样式。
1.内部样式:外部样式,这二者的优先级相同,且:后面的会覆盖前面的(简记:“后来者居上”
)。
2.同一个样式表中,优先级也和编写顺序有关,且:后面的会覆盖前面的(简记:“后来者居上”
)。
分三类:一.行内样式,优点:优先级最高。
缺点:1.结构与样式未分离。
2.代码结构混乱。
3.样式不能复用。
使用频率低,作用范围仅限在当前标签。
二.内部样式,优点:1.样式可复用。
2.代码结构清晰。
缺点:1.结构与样式未彻底分离。
2.样式不能多页面复用。
使用频率一般,作用范围仅限在当前页面。
三.外部样式,优点:1.样式可多页面复用。
2.代码结构清晰。
3.可触发浏览器的缓存机制。
4.结构与样式彻底分离。
使用频率最高,作用范围多个页面。
需在编辑器中创建一index.css文件写入
h1{
color:blue;
}这串代码后在优先级.html文件中导入<linkrel="stylesheet"href=".index.css">这行代码运行后在网页内文字会显示出蓝色。
上午狼外婆进房关灯提醒喊我到下楼喝早茶时开着隔壁房门望了眼乌小弟,我和狼外婆说‘这回排着乌弟在这房里关一周了。
’学习到十一点时进房瞧着乌小弟时坐在地上拍着背对着我的乌弟,乌小弟一脸绝望的转过身来。
看它鼻头上沾着早上的猫条走出客厅拿着宠物湿巾时随手把柜内崽仔们的玩具收纳到收纳盒里,在收纳时黄毛小子跑进柜内我就把柜门关上看着这小子在里头钻上钻下想着法子跑出来最后这小子从一条小缝隙中溜出来想不到这小子还有缩骨功。
收纳完满满一箱收纳盒发现我们家这些崽差生玩具特别多拿着宠物湿巾和洗耳液进房帮着乌小弟擦了把脸除耳螨,走到垃圾桶前扔掉时见黄毛这臭小子把垃圾桶踢翻了弄得满地垃圾,捡起垃圾桶收拾着满地垃圾。
这臭小子趁我在收拾跑到楼顶台阶放着猫粮猫砂那刨着,我轻拍着它屁股赶着它进客厅又猫粮和猫砂藏好。
回房学习到下午两点半时由于早上没晨跑的缘故大脑响到像在开厂子似的就想着出门跑步到客厅里穿着袜子时妈妈提着两个三角粿回来。
我说‘我这刚要出门跑步你来的好巧。
’母女俩走进客厅里刚坐下时黄毛小子跑我身边,看着它的腿略微长的点我说‘这小子这么劲长个不长肉。
’妈妈笑着说‘太瘦了。
’我说‘它一顿吃得也不少。
’妈妈帮我泡杯茶后提着另外两个三角粿就上新家给爸爸垫肚子。
吃完后就出门跑步穿着运动内衣一路上遇到了不少回头客,跑到最后十字路口时正好时下班点遇到了好几俩小汽车因为挡板的缘故只能返回那一刻内心突然奇想出一个短期目标在国道正式开通前把汕头变成一个高速发展的城市。
跑到家门口做完拉伸进家吃了把蓝莓后就上楼看着两崽,走到客厅时舀杯猫粮进猫碗给黄毛小子吃又拆条猫条和磨牙棒混在里头这小子立马上头的零食吃光光就走远。
正统十四年,老爹朱祁镇御驾亲征,本是想将大明威仪远播塞外,没成想,竟是肉包子打狗,有去无回,沦为叫门皇帝,没有利用价值后,被放回了京师,幽禁南宫,现在老爹又在叫门。在算着日子的朱见深有些慌...
战国第一纨绔简介emspemsp关于战国第一纨绔公元前361年,战国时代,大争之世。这一年,一个满心壮志的年轻人孙膑刚刚告辞了师傅下山,准备去魏国安邑投奔自己的师兄庞涓。这一年,庞涓还是魏国的大将军,位高权重。霸主魏国威震天下...
外公留下的青铜器物竟然是上古大巫遗物!初级医师十八年修炼一朝觉醒,得祖巫传承,传承自上古的巫术与现代医术结合,造就新一代神医!能活死人肉白骨,也能追魂夺命!...
张晨穿越诡异世界,联手小哥,重铸钦天监!天不诛之妖,我钦天监来诛!地不填之堑,我钦天监来填!死亡公路,车祸频发!关注高速官方,立镇魂石,颂往生经!地铁塌陷,无法通车!关注城建官方,打七星钉,刻穷奇像!水库命案频发,闸门松动报警!关注水利官方,以青铜铸霸下,托铜棺沉于湖底!长江屠蛟,昆仑镇魔!西出蛮荒之地,东临海天之巅!凡九州之域,钦天监之辖,神魔皆避!...
结婚三年,温言怀孕了,当她满心欢喜地要把这个好消息告诉顾辰安的时候,得到却是他的一纸离婚协议书,温言,温玥怀孕了,我们离婚吧!温言心脏抽疼,她问,那我呢!我也怀孕了,你知道吗?顾辰安只是淡淡地回,那就把孩子打了。这一刻,温言清醒了,清醒的走上手术台,清醒地消失在顾辰安的世界中,而顾辰安却疯了。...
穿越东汉末年,成为傀儡皇帝刘协。要一辈子被圈养吗?不!系统觉醒,每诞下一个子嗣,便能获得各种奖励。于是,刘协疯狂纳妃,短短数年,后宫住满,疯狂耕耘之下,诞下子嗣过百。叮!恭喜宿主获得奖励,燧发枪图纸!叮!恭喜宿主获得奖励,西厂雨化田!之后,东厂曹正淳天地玄黄四大密探大雪龙骑袁左宗等等,相继报道。开局秒杀许诸,大败曹操。随后灭袁绍杀吕布战三英,横扫江东,平推西川,奠定万世之基!...