CSS课堂笔记

130 阅读2分钟

CSS的优势: 1、内容和表现分离 2、网页结构表现统一,可以实现复用 3、样式丰富 4、建议使用独立于html的css文件 5、利用SEO,容易被搜索引擎收录!

(1) 使用W3C验证器(基本不用)

(2) 使用VSCode看颜色

(3) 使用WebStorm看颜色

(4) 使用开发者工具看警告

1>找到标签,点击选取

2> 看它是否有选择器

3> 看它的样式是否被划掉

4> 看它的样式是否有警告

block高度是由内部文档流元素决定的,可以设height,也就是说,有些元素可以不在文档流中

(1)float

float: left/right; (2)position

position: absolute/fixed;

内部样式表(内嵌样式表) 之前用的都是内部样式表,所以具体用法这里不再阐述 内部样式表(内嵌样式表)是写到html页面内部.是将所有的CSS代码抽取出来,单独放到一个标签中。标签理论上可以放在HTML文档的任何地方,但一般会放在文档的标签中 通过此种方式,可以方便控制当前整个页面中的元素样式设置 代码结构清晰,但是并没有实现结构与样式完全分离

CSS引入方式: 行内样式表 不好用,行内写容易被打

外部样式(最常用) 实际开发都是外部样式表.适合于样式比较多的情况.核心是:样式单独写到CSS文件中,之后把CSS到HTML页面中使用.

第一步 : 新建一个后缀名为.css的样式文件,把所有CSS代码都放入此文件中。 第二部 : 在HTML页面中,使用标签引入这个文件。

其中属性 rel 作用是 :定义当前文档与被链接文档之间的关系,在这里需要指定为"stylesheet"”,表示被链接的文档是一个样式表css文件。 href 的 作 用 是 定义所链接外部样式表文件的路径,可以是相对路径,也可以是绝对路径