清晨六点起身到隔壁房里望着眼乌弟就到厕所里穿着运动内衣,在门口做热身时看到爸爸的钥匙还插在门外心想这老糊涂昨晚睡前忘记拨下来。做完热身感觉状态不是很好就没开跑散步走了一圈后回到家上楼看着乌小弟。倒杯温开水进房拿着小勺子喂着它时这臭小子还不喝扭着头犟着,走出客厅拿着条猫条拆开后这小子一遇到猫条垂涎欲滴吃得嘎嘎香。走出房到客厅里收拾着地上一仓库玩具时黄毛小子跑进柜内关门时也把它关在里头这小子这回挺聪明从缝隙中溜出来。

刷牙吃着鸡蛋时妈妈和我说‘11号乌弟拆线我们等晚上去到时候你爸爸和我们一起去。’ 我笑着说‘父仔公孙。’服用药物喊着黄毛小子上楼。走到猫碗前把蛋黄碾碎舀杯猫粮在边上猫碗里换了碗水发觉这小子不太喜欢喝水。

第五十九节 css_内部样式

写在 html 页面内部将所有的 CSS 代码提取出来,单独放在 <style> 标签中。

语法:

<style>

h1 {

color: red;

font-size: 40px;

}

</style>

代码运行后文字会显示红色,像素大小为40px。

注意点:

1. <style> 标签理论上可以放在 HTML 文档的任何地方,但一般都放在 <head> 标签中。

2. 此种写法:样式可以复用、代码结构清晰。

存在的问题:

1. 并没有实现:结构与样式完全分离。

2. 多个 HTML 页面无法复用样式。

第六十节 css_外部样式

写在单独的 .css 文件中,随后在 HTML 文件中引入使用。

语法:

1. 新建一个扩展名为 .css 的样式文件,把所有 CSS 代码都放入此文件中。

语法:h1{

color: red;

font-size: 40px;

}。

2. 在 HTML 文件中引入 .css 文件。

语法: <link rel="stylesheet" href="./xxx.css">

<link> 标签属性说明:href :引入的文档来自于哪里。

rel :( relation :关系)说明引入的文档与当前文档之间的关系。

3. 外部样式的优势:可触发浏览器的缓存机制提高访问速

度 ,实现了结构与样式的完全分离。 实际开发中几乎都使用外部样式这是最推荐的使用方式!

第六十一节 css_样式表优先级

优先级规则:行内样式 > 内部样式 = 外部样式。

1. 内部样式:外部样式,这二者的优先级相同,且:后面的 会覆盖 前面的(简记:“后来者居上”)。

2. 同一个样式表中,优先级也和编写顺序有关,且:后面的 会覆盖 前面的(简记:“后来者居上”)。



本章未完 点击下一页继续阅读