Css3课程小结

看完视频，重新复习了一下css的基础，做一个小结

background的顺序color、image、repeat、attachment、postion

background-attachment:fixed图片不会随着页面滑动而移动

rgba(255,0,0,0.1)rgba是css3里面加的属性，其实好像之前有transparent的属性也可以调

a为alpha通道值为0~1a的值也就是定义透明度的

首行缩进text-indent:1em（em表示字宽）10%百分比是指页面比

-2em左边缩进

padding2em悬挂缩进，首行突出。

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:【serifsans-serifmonospace(等宽字符)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-1px0px#000000，

0px1px3px#606060;color:#606060"

轮廓效果：outline-color:red;outline-style:solid、dotted、dashed（滑线）、double。groove（凹槽）、

ridge（凸槽）、inset、outset;outline-width:1、thin

列表样式表：style=“list-style-type:disccircle、square实心、方形、"

list-style-image：url（Start.png）

list-style-position:inside、outside

list—style：outsidecircle组合