CSS代码怎么用？放哪？

css代码可以内嵌也可以外链。内嵌就是将css直接写在html标记中，大约在2008年以后基本都逐渐规范为外链方式。内嵌css有个很大的缺点，就是html标记与css代码混合在一起，页面代码看起来比较混乱、吃力，结构不太清晰，后期如果有修改就会很费劲；规范为外链后，代码美观易懂、脉络清晰，方便二次修改。外链css，就是将css从html标记中分离出来，集中到一个或多个css页面，再根据需要，调用相关css文件进行指定样式表。

CSS样式表

内嵌css的方式：在html标记中添加属性“style”，设置相关属性值。如：“

带你走进科技大世界。

”就是给“带你走进科技大世界。”这段文字设置的字体大小为12px。

内嵌CSS样式

外链css方式：建一个css文件，样式集中写在该文件中，在所需页面调用就行了。方法是在“”标记中添加“”，其中“xxx”为路径，“cssName.css”为文件名。外链设置好后，在标记中通过“class”或“id”进行调用，如“

”或\"

\"，这时候样式表中被命名为“toptxt”的样式就应用到这个“

”标记中了。样式表中“class”和“id”的写法不一样，“class”前面加“.”，“id”前加“#”。

调用CSS文件

下面来说说使用“class”和“id”的区别，二者之间最大的区别是“class”名称在同一个页面中可以重复使用，而“id”名称是独一无二的。“class”本身就是用来调用样式的，一个页面中有同一个样式效果很正常，用“class”方便省事也更合理。“id”相当于人名，不允许重复出现。因为“id”不仅可用于样式，在写JavaScript时通常也要用“id”指定块。

Html中引入css的主要方式有四种，分别是外部样式、内部样式、内联样式、导入式。

一、外部样式

(一) 使用外部样式的好处

1.减少代码量 ，网站中相同部分的样式只需要编写一次，我们只需要把css文件引入到不同的html页面中即可实现展示效果。

2.更改网站风格方便，我们可以通过修改一个css文件就可以实现整个网站的外观修改。

3.Html页面渲染时，css文件能够被同时加载。

4.结构与表现分离，便于后期维护。

(二) 适用于多个页面需要相同样式内容的时候使用

(三) 书写位置：新建单独的后缀名为.css文件，使用link标签引入到html页面中，将link标签放到Html页面的head标签中

例：

rel:规定当前文档与被连接文档之间的关系.

href:规定为连接文档的位置

type:规定被连接文档的MIME类型

二、内部样式

(一) 使用内部样式的好处

1.结构与表现分离，便于后期维护。

2.所有的CSS控制都是针对单独的面，没有多余的CSS代码。

3.同样页面中相同的样式可以重复使用。

(二) 使用内部样式的缺点

1.只能在一个页面中使用

2.网站更换风格麻烦

3.Css在html页面中,页面显得臃肿

(三) 适用于个别页面需要特殊样式时

(四) 书写位置：写在html页面的head标签之间，在head标签之间书写style标签

例：

三、行间样式

(一) 使用内部样式的好处

1. 单独修改单个标签的样式

(二) 使用内部样式的缺点

1. 结构与表现没有分类，不利于后期维护。

2. 只能修改单个标签的样式，代码重复利用率不高，代码冗长。

(三) 适用于个别标签需要特殊样式时

(四) 书写位置：在标签的开始标签内部书写style=””

例：

四. 导入式

(一) 使用导入的好处

1.减少代码量，网站中相同的部分的样式只需要书写一次，后续只需要把css文件引入到不同的Html页面中即可。

2.更改网站风格方便，我们可以通过修改一个css文件，就可以修个整个网站的外观。

3.结构与表现分离，便于后期维护。

(二) 使用导入的缺点

1.需要等Html页面全部加载完才能加载css文件。

(三) 适用于多个页面需要展示相同样式的时候

(四) 书写位置:写在Html页面的head标签中的style表现中，用@import导入css文件

以上就是html导入css代码的详细介绍，更多关于html方面的知识点，可以看下这个视频教程：网页链接，希望我的回答能帮到你。

1、外部引用

就是<link rel>进行外部引用css样式表，最为常见的；

2、内部引用

直接把css写在html页面里面

3、行内样式

直接写在html的元素上面进行添加，可维护行差

4、js文件带入

本质是同上面的方法一致，但是有些时候喜欢用js动态导入，就显得比较方便了

这个是jquery写的一个方法。js是差不多的。

希望对你有帮助。谢谢

---