持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第14天，点击查看活动详情
-
css全称cascading style sheets，层叠式样式表，是一种用来表示HTML的文本样式的计算机语言。作用：静态地修饰网页，并且可以配合各种脚本语言动态地对网页各元素进行格式化
-
css的组成：
-
层叠式：css中贯穿始终的加载特性：层叠性和继承性
-
样式：定义如何显示HTML元素：文字文本、背景、盒模型、浮动、定位等等
-
-
css书写位置：根据位置有四种书写方式：内联式、内嵌式、外联式、导入式
- 内联式：也叫做行内式；书写位置：在HTML标签之上的style属性中书写css样式
- 内嵌式：在HTML文件中，
<head>标签内部有一个<style>标签；<style>标签书写在<title>标签后面，所有css代码书写在<style>标签内部。<style>标签有一个标签属性叫做type，属性值是”text/css” - 外联式：也叫外链式css、外部css；在一个单独的扩展名为.css的文件中书写；内部代码与内嵌式样式表中
<style>标签内部的代码一样的，需要通过选择器去选中标签，添加对应的样式；注意：在.css文件中书写时，不需要再加<style>标签；引入方式：在HTML中的<head>标签内部使用<link>标签进行引入，<link>标签属性： - 导入式：在内嵌式样式表
<style>标签内部，或者在外联式样式表内部，导入其他的外部的.css文件；导入方式：利用一条@import url（路径）语句进行引入-
也可以在css文件中导入.css文件，导入方式与导入式相同
-
导入式的问题：导入式样式表的作用于外联式样式表基本相同；但是由于导入式在浏览器中加载时，会在HTML结构加载完毕后再进行编译，如果网速比较慢时，会导致网页出现没有css样式的效果，给用户的体验不好；实际工作中，较少使用导入式，推荐使用外联式样式表
-
- 书写格式：使用在线css压缩工具可以实现css空白区压缩；css中英文使用大小写没有区别
空格规范：选择器与大括号｛｝之间保留一个空格；冒号后面，属性值前面，保留一个空格
- 内联式：也叫做行内式；书写位置：在HTML标签之上的style属性中书写css样式
