CSS 闲着无聊读一读，不知不觉学会CSS （一）

将CSS代码嵌入到HTML文件中，嵌入式是通过HTML中

注意：< style >标签可以出现在HTML的任何位置，但是一般情况我们只会将它放置在head标签里面。

2.外链式

外链式是指单独写一个以.CSS为扩展名的文件。

然后在标签中使用标签，将这个CSS文件链接到HTML文件中。

下面是一个CSS文件：

标签的使用：

注意：CSS文件不能单独的运行，它必须依赖于HTML文件！！

查看CSS文件有没有link链接成功的小技巧：

一个HTML文件可以引入多个CSS文件！

3.行内式

将CSS代码书写在HTML标签的style属性中。

style是一个通用的属性，每一个标签里面都拥有这个属性！

格式：

<标签名 style = “属性:值;属性:值”></标签名>

4.总结

• 使用嵌入式的方式来书写CSS代码，它只能作用于当前的HTML文件。

• 使用外链式的方式来书写CSS代码，它可以作用于多个HTML文件。

• 使用行内式的方式来书写CSS代码，它可以作用于当前标签。

3.CSS的注释

=====================================================================

CSS的注释：/* 要注释的内容。 */

在sublime中，Ctrl+/ 快捷键来注释。

html的注释：<–! 要注释内容 -->。

不能和html的注释混淆！！！！

4.选择器

==================================================================

1.通用选择器

通用选择器来设置样式，格式：

*{

属性:value;

}

这样的设置能，将匹配HTML所有标签。不建议使用。

2.标签选择器

这个就简单了，指定匹配对应的HTML标签。

格式：

标签名{

属性:value;

}

3.类选择器

这里涉及到了一个class属性，直接看例子：

中国的四大名著

• 西游记
• 三国演义
• 红楼梦
• 水浒传

• 我要考托福，雅思！

  上面的class的h，就是用来链接指定的。

  4.id属性值

  id选择器可以为标有特定ID的HTML元素指定特定的样式，

  只能使用一次。ID选择其以“ # ”来定义。
  自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

  深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

  因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

  

  

  既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

  

  由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

  如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

  

  最后

  由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！有需要的程序猿（媛）可以帮忙点赞+点击【学习资料】即可免费领取！

  

  

  转存中…(img-RGBDL7lt-1713473901794)]

  最后

  由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！有需要的程序猿（媛）可以帮忙点赞+点击【学习资料】即可免费领取！

  [外链图片转存中…(img-dIGsFbHd-1713473901794)]

  [外链图片转存中…(img-F18VlFLx-1713473901794)]