前端学习笔记教程不定期更新中,传送门:
上一期的CSS入门笔记没有更新完,最后一下知识点在本篇内容。
一、CSS样式表
按照CSS样式书写的位置(或者引入的方式)CSS样式可以分成三类
1.1 行内样式表(行内式)
行内样式表(内联样式表)是在元素标签内部的 style 属性中设定 CSS 样式。适合于修改简单样式.语法:
<divstyle="color: red; font-size: 12px;">青春不常在,抓紧谈恋爱div>
1.style 其实就是标签的属性在双引号中间,写法要符合 CSS 规范2.可以控制当前的标签设置样式3.由于书写繁琐,并且没有体现出结构与样式相分离的思想,所以不推荐大量使用,只有对当前元素添加简单样式的时候,可以考虑使用4.使用行内样式表设定 CSS,通常也被称为行内式引入
1.2 内部样式表(嵌入式)
内部样式表(内嵌样式表)是写到html页面内部. 是将所有的 CSS 代码抽取出来,单独放到一个