CSS

CSS

作用：CSS只有一个作用，就是用来修改样式的

格式：<style type="text/css">

                选择器{

                                        属性：“取值”；

                                }

            </style>

注意点：

css文本相关属性：

font-style：（设置文字样式的属性 ）

取值：normal：正常的（默认）、

          italic：倾斜的

font-weight：（设置文字粗细的）

取值：1单词取值：bold（加粗）、 bolder（比加粗还要粗）、lighter（细线）默认是细线

           2数字取值：100-900之间整百的数字数字越大与粗

font-size：（设置文字大小的属性）

取值：00px；

font-family：（设置文字字体的属性）

取值：“宋体(默认)”、“微软雅黑”、“黑体”....

字体备选方案：font-family：字体1，字体2....；

给中文和英文单独设置字体：但凡是中文字体里面都包含了英文，英文字体不包含中文，也就是说中文字体可以处理英文，英文字体不能处理中文

格式：font-family：英文字体，中文字体；（英文字体要写在前面）

注意点：如果设置的字体不存在，就会按默认的字体来显示

在企业开发中最常见的字体：

中文：宋体、黑体、微软雅黑

英文：Times New Roman、Arial

文字属性的缩写：

格式：font：style weight size family；

属性的取值之间用空格隔开

注意点：   1、在缩写中style/weight可以省略、可以交换位置

                   2、size/family不能省略、不能交换位置 size一定要写在family前面，size和family必须写在所有属性的最后

文本属性

1.text-decoration：（文本装饰的属性）

    取值：undeline（下划线）、line-through（删除线）、overline（上划线）、

                none（无）一般用于去掉a标签的下划线

2.text-aline（文本水平对齐的属性）

    取值：left（左）、center（中）、right（右）

3.text-indent（文本缩进的属性）

取值：2em；em是单位，一个em代表一个文字的宽度

颜色属性

color：修改文字的颜色

取值：

1.英文单词

2.rgb（红，绿，蓝）其中的数字取值在0-255之间

        黑色（0,0,0）

        白色（255,255,255）

        灰色 ：只要让红/绿/蓝三个的值想通就是灰色，值越小越偏黑色，越大越偏白色

3.rgba（红，绿，蓝，透明度）a的取值在0-1之间，值越小越透明

4.16进制  #FFEE00 FF代表r，EE代表g，00代表b

    颜色中16进制和10进制的转换

    用16进制的第一位*16+16进制的第二位   ==  10进制

    FF== 15*16+15==255

    在css中只要16进制的颜色每两位数的值是相通的就可以简写   

            列：#FFEE00 == #FE0