2024年前端最全CSS学习记录01CSS简介、入门及三种导入方式，大厂面试官

最后

小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：

凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。

入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。

整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

而对于有时间的同学，作者还给出了他结合众多数据结构算法书籍，挑选出的一千多道题的解题思路和方法，以供有需要的同学慢慢研究。

我是标题

h1{

color: red;

}

如图：

建议使用此规范！

优势：

• 内容和表现分离

• 网页结构表现统一，可以实现复用

• css样式十分丰富

• 利用SEO，容易被搜索引擎收录

建议使用独立于html的css文件

1.3CSS的三种导入方式

内部样式表

即1.2中第一段代码，css样式写在html内，在style标签中书写CSS代码。style标签写在head标签中。

示例：

示例：

如：

我是标题

外部样式表

CSS代码保存在扩展名为.css的样式表中

HTML文件引用扩展名为.css的样式表，有两种方式：链接式、导入式。

语法：

1、链接式

2、导入式

如：

• 1111
• 2222

• 链接式和导入式的区别：

  <link>：

  1、属于XHTML

  2、优先加载CSS文件到页面

  @import：

  1、属于CSS2.1特有

  2、先加载HTML结构在加载CSS文件。

  行内样式

  使用style属性引入CSS样式。

  示例：

  style属性的应用

  直接在HTML标签中设置的样式

  最后

  小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：

  凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。

  入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。

  

  整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。

  

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  而对于有时间的同学，作者还给出了他结合众多数据结构算法书籍，挑选出的一千多道题的解题思路和方法，以供有需要的同学慢慢研究。