CSS3基础知识

/ CSS / 没有评论 / 315浏览

初语

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

样式声明

1)外部样式引入

2)内部样式表

3)内联样式

4)导入样式

外部样式

link标签引入外部样式表

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字样,那么改行会被忽略。