犹如白皮书般详细的Css基础

作者：花森

时间：2020年8月11日

认识

如果把web网页当做一个在台上跳着舞蹈的老师，那么html定义的是这个人的鼻子、眼睛、手之类的器官，Css即着装的漂亮服饰，Js则是实现如何让他做出优美的舞姿，至于台上是指浏览器内核平台。

样式声明

1）外部样式引入

2）内部样式表

3）内联样式

4）导入样式

外部样式

link标签引入外部样式表

• head标签内部完成引入
• 样式文件要以.css为后缀名
• 引入多个样式可能会发生重叠覆盖（顺序很重要）

link常见属性	说明补充
rel	定义当前文档与被链接文档之间的关系
href	外部样式文件
type	文档类型

内部样式表

使用 style 标签可以在文档内部定义样式规则

<style>
	body {
		background: red;
	}
</style>

内联样式

标签中设置样式的方式

<h1 style="color:green;">huasenjio</h1>

导入样式

使用@import可以在原有的style标签中引入，注意要放置在前面。

<style>
	@import url("base.css");
	body {
		background: red;
	}
</style>

其他

空白

一行样式设定后需要添加 ”;“ 且可以存在空格，可以结合webpack中的丑化代码插件将Css压缩。

注释

body {
	/* 注释的使用 */
	background: red;
}

错误

如果样式设定存在语法错误，解析器会选择忽略，并不会影响其他的样式规则，例如：width: 100，缺少px字样，那么改行会被忽略。

网站推荐
花森酱导航：huasenjio.top/nav

有一点自卖自夸了，但是真的很不错，十分合适学习办公，简洁无广告，可以自定义收录的网站。很多不常用的软件可以直接使用网页版，现在网页技术也很发达了，你根本体会不到区别，推荐自己的网站，收录成为浏览器主页的教程网站里面也有，也希望大家支持！特别感谢小呆哥的支持！
花森导航

桌面美化
使用了几个占用内存很小的软件，就能让桌面变得好看整洁（小黑框可以存放应用快捷打开），这个篇幅太大了，不好再码字了，我另写一篇关于美化的吧，同样也是在我的这个博客，喜欢的可以直接私聊也行！
桌面美化

声明
所有资料均来源于网络，请勿进行不正当操作，仅供学习实用，请遵守规则，下载后删除！一切与本人无关！

寄语
不是什么大神，自己喜欢捣鼓、记录分享，自己的个人博客，点点滴滴，过目不忘，必有回响声！

联系
🐧企鹅：184820911

📕邮箱：184820911@qq.com