Css3课程小结

看完视频，重新复习了一下css的基础，做一个小结
background的顺序color、image、repeat、attachment、postion
background-attachment:fixed 图片不会随着页面滑动而移动
rgba(255,0,0,0.1) rgba是css3里面加的属性，其实好像之前有transparent的属性也可以调
a为alpha通道值为0~1 a的值也就是定义透明度的
首行缩进 text-indent:1em （em表示字宽） 10% 百分比是指页面比
-2em 左边缩进
padding 2em 悬挂缩进，首行突出。
line-height:2 行间距 默认normal
text-align：left 、right、center、justify（两端对齐）
word-spacing：10px （只对英文和空格有用）
letter-spacing：10px 字符之间的间距
text-transform：uppercase （英文大写） lowercase（英文小写） 、capitalize（首字母大写）
text-decoration:underline（下划线） 、overline（上划线）、line-through（贯穿线）、blink（闪烁，闪烁属性不是所有浏览器都支持)
对空白字符的处理 white-space:normal（正常不显示空格和回车并且自动卷绕）、pre(显示所有的空格和回车并且不做自动卷绕)
pre-wrap(显示所有空格回车并做自动卷绕)
nowrap不做自动卷绕
pre-line：合并空白，保留换行和卷绕
direction:ltr、（字体排版方向）
字体：
font-family:【serif sans-serif monospace (等宽字符) cursive(手写样式) fantasy】大类 hei指定某类字体样式
Times，TimesNR，serif;如果木有times则选择后续指定的字体
font-style:italic(自己加载的斜体) obique（浏览器计算的斜体）
font-variant：small-caps（小的大写字母）
font-weight:bold(加粗) 900（粗） 、100（细）
font-size:1em(默认宽度)
效果：
阴影效果：text-shadow："3px(阴影在x方向距离本体的距离) 5px（在y方向） 5px（模糊的范围） rgba(0,255,0,0.5)
0px -1px 0px #000000，
0px 1px 3px #606060;color:#606060"

轮廓效果：outline-color:red;outline-style:solid、dotted、dashed（滑线）、double。groove（凹槽）、
ridge（凸槽）、inset 、outset; outline-width:1、thin
列表样式表：style=“list-style-type:disc circle、square实心、方形、"
list-style-image：url（Start.png）
list-style-position:inside、outside
list—style：outside circle 组合