CSS

CSS

作用:CSS只有一个作用,就是用来修改样式的

格式:

注意点:

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

你可能感兴趣的:(CSS)