CSS学习day01

　　【CSS的概念和作用】【要求掌握的程度】

---

 　　【HTML页面嵌套使用CSS的三种方式】

　　【内联定义方式】

  　　【代码演示】【这里的各种属性的设置主要是参考了CSS参考文档】

 　　【效果】

---

　　【样式块方式】

　　【选择器】

　　【id选择器：只能作用于匹配id的标签】

　　【标签选择器：作用于关键字相同的标签】

　　【类选择器：作用于属于同一类的标签】 

　　【代码演示】

  　　【效果】

---

　　【链入外部样式表文件】

　　【代码演示】

　　【CSS文件】

 

 　　【HTML引入CSS文件】【link】

 　　【效果】

---

　　【href和src的区别】

参考：https://blog.51cto.com/jinkaiye/2449735

1.请求资源类型不同

（1） href是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。

（2）在请求 src 资源时会将其指向的资源下载并应用到文档中，常用的有script、img 、iframe；

2.作用结果不同

（1）href 用于在当前文档和引用资源之间确立联系；

（2）src 用于替换当前内容；  3.浏览器解析方式不同 

（1）若在文档中添加href ，浏览器会识别该文档为 CSS 文件，就会并行下载资源并且不会停止对当前文档的处理。

（2）当浏览器解析到src ，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等也如此，类似于将所指向资源应用到当前内容。这也是为什么建议把 js 脚本放在底部而不是头部的原因。

---

　　【CSS的列表样式】

 　　【CSS样式的绝对定位】

 　　【效果】 

 

———整理自B站动力节点