CSS（1）

使用CSS的注意点：
1.style标签必须写在head标签的开始标签和结束标签之间（也就是必须和title标签是兄弟关系）。

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

3.设置样式时必须按照固定的格式来设置，key ：value；其中：不能省略，分号大多数情况下也不能省略。

文字属性：

规定文字样式的属性
格式：font-style：italic；取值：normal--正常的，默认是正常的 italic--倾斜的
快捷键：fs font-style：italic; fsn font-style: normal;
规定文字粗细的属性
格式：font-weight：bold；
单词取值：bold 加粗、bolder 比加粗还要粗、lighter 细线，默认就是细线
快捷键：fwb font-weight：bold；
数字取值：100-900整百的数字，700对应的是bold的级别
3.规定文字字体的属性
格式：font-size：30px；
单位：px（像素 pixel）
注意点：通过font-size设置大小时，必须带上px单位
快捷键：fs30 font-size：30px；
规定文字字体的属性
格式：font-family："楷体"；
注意点：
1）如果取值是中文，需要用双引号或者单引号括起来
2）设置的字体必须是用户电脑里面已经安装的字体（如果设置的字体不存在，则会使用默认的字体来显示）

3）如果想给中文和英文分别单独设置字体，该怎么办？
但凡是中文字体，里面都包含了英文，但凡是英文字体，里面都没有包含中文。也就是说中文字体可以处理英文，而英文字体不能处理中文。如果想给界面中的英文单独设置字体，那么英文的字体必须写在中文的前面。
快捷键：ff font-family：；
5.文字属性的简写
格式：font：style weight size family
注意点：
1）在这种缩写格式中有点属性值可以省略，style、weight可以省略。
2）在这种缩写格式中style和weight的位置可以交换。
3）在这种缩写格式中有点属性是不可以省略的，size、family是不可以省略的。
4）size和family的位置是不能随便乱放的，size一定要在family的前面，而且size和family必须写在所有属性的最后。

文本属性

文本装饰的属性
格式：text-decoration：underline；取值：underline 下划线、 line-through 删除线、overline 上划线、去掉超链接的下划线
文本水平对齐的属性
格式：text-align：left；取值：left 左、right 右、center 中
文本缩进的属性
格式：text-indent：2em；取值：2em，其中em是单位，一个em代表缩进一个文字的宽度

颜色属性

文本装饰的属性
格式：color：值；
取值：1）英文单词：常见的颜色都有对应的英文单词，但是不是所有颜色都能用英文单词来表达，是有限制的。
2）rgb，其实就是三原色，r（red）、g（green）、b（blue），格式：rgb（0，0，0）
常见颜色：红色：rgb(255,0,0) 绿色：rgb(0,255,0) 蓝色：rgb(0,0,255) 黑色：rgb(0,0,0) 白色：rgb(255,255,255)
注意：在前端开发中其实不常用黑色，只要让红色、绿色、蓝色的值都一样就是灰色，而且如果这三个值越小那么就越偏黑色，越大就越偏白色。
3）rgba，与rgb差不多一样，多出来的a代表透明度，取值是0到1，取值越小就越透明
4）十六进制，其实本质就是RGB十六进制中是通过每两位表示一个颜色，例如：#FFEE00 FF表示R EE表示G 00表示B

<wiz_tmp_tag id="wiz-table-range-border" contenteditable="false" style="display: none;">

来自为知笔记(Wiz)

巴特西

CSS（1）

最新文章

热门文章