7/12 Day02 css样式

文本格式设置



1 文本下划线

text-decoration:设置下划线,删除线,顶划线

属性值:

none 无

underline 下划线

line-through 删除线

coverline 顶划线

2文本大小写

text-transform:设置文本大小写

属性值:

uppercase 大写

lowercase 小写

capitalize 首字母大写

none 无

3 文本小型大写

font-variant:设置文本小型大写

属性值:

small-caps:小型大写字母

normal: 正常效果

4 首行缩进

text-indent: 首行缩进

属性值:

px,em,rem,百分比

文字默认字体  16px 

1em=一个默认字体=16px

5 水平对齐方式

text-align:文本水平对齐方式

属性值:

left: 左对齐(默认值)

right: 右对齐

center: 居中对齐

6 行高

line-height:设置文字行高

属性值:

px em rem 百分比.

7 字距


letter-spacing:设置字距(字母之间的间距)

word-spacing:设置词距(单词之间的距离)

属性值:

px em rem 百分比

8 字体设置:

         font-family 字体类型

        属性值: 具体的字体类型(stkaiti)


         font-size 字体大小(px)


        font-weight 设置字体粗细

        属性值:

        lighter,normal(正常值),bold,bolder

        100,200,300,400(等同于normal),500,600

        700,(等同于bold),800,900


        font-style: 设置字体样式

        属性值:

            italic 斜体

            normal 正常字体

            oblique 字体倾斜


 color 设置字体颜色

属性值

red green blue...

#ff0000(十六进制颜色)

rgb(255,255,255)

rgba(0,0,0,0-1)

背景设置


9 背景颜色

background-color:背景颜色

属性值:

red green blue...

#ff0000(十六进制颜色)

rgb(255,255,255)

rgba(0,0,0,0-1)

10 背景图片

background-image: 设置背景图片

属性值:url(图片路径)


background-repeat:设置背景图片是否平铺

属性值:

repeat 平铺

no-repeat 不平铺

repeat-x 在x轴平铺

repeat-y 在y轴平铺


background-position:设置背景图片的位置

属性值:

1.left,right top bottom center

2.x% y%(百分比)

3.xpx ypx(像素值)


background-attachment:设置背景图片是否随内容滚动

属性值:

fixed: 背景不滚动

scroll: 背景随内容滚动

你可能感兴趣的:(7/12 Day02 css样式)