一、CSS简介

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

二、CSS格式

1.注意点：

（1）style标签必须写在head标签的开始标签和结束标签之间（也就是必须和title标签师兄弟关系）

（2）style标签中的属性type属性其实可以不写，默认就是type="text/css"

（3）设置样式是必须按照固定格式来设置，key:value;其中不能省略冒号和分号（最后一个分号的时候可以省略，但是我们不提倡）

三、CSS包括什么？

CSS包括选择器和属性两部分

其中选择器就是标签名称，属性就是属性名称和值

四、常见的文字相关的属性

1.规定文字样式的属性

（1）格式：font:normal;

（2）常见取值：i.normal:正常的文字；ii.italic:倾斜的文字

（3）快捷键：（由于我们使用的是wbstorm，在企业开发过程中掌握某些软件的快捷键是很有必要的，可以达到事半功倍的效果）

fs+table代表font-style:italic;

fsn代表font-style:normal;

2.规定文字粗细的属性

（1）格式：font-weight:bolder;

（2）常见的取值：

i.单词取值：

bold加粗；bolder更粗；lighter：细线（注意：默认是细线的格式，并且有的字体加粗是有上限的，并不是能变得更粗）

ii.100-900之间整百的数字。

（3）快捷键：

fw代表font-weight::

fwb代表font-weight:bold;

fwbr代表font-weight:bolder;

3.规定文字大小的属性

（1）格式：font-size:30px;

（2）单位：px，这里是以像素来显示的（pixel），并且这个单位是不能省略的。

（3）常见的取值：数值加单位

（4）快捷键：

i.fz代表font-size:;

ii.fz20代表font-size:20px;

这里面是支持直接加个数字的

4.规定文字字体的属性

（1）格式：font-family；“”微软雅黑”

（2）常见取值：微软雅黑、宋体（默认）、.......（word中有好多中字体）

（3）注意：取值如果是中文的话，一定要用引号来括起来；使用到的取值必须是电脑中提前装好的字体

（3）快捷键：

ff代表：font-family:;（不过在我的webstorm不行，估计版本过低）

    
    
    



我是一个段落


被废弃的倾斜


被废弃的加粗