CSS-2

css的背景属性

background可以统一设置 :(color/image/repeat/position)

background-color:设置背景色

background-image:设置背景图片

background-repeat:背景图片的平铺方式  repeat(默认)/repeat-x/repeat-y/no-repeta

background-position:背景图片定位  left-center/right/长度单位 top/center/bottom/长度单位

background-attachment:背景图片固定或滚动  scroll(默认)/fixed


CSS-2_第1张图片


CSS文本属性

letter-spacing:字母间距 (默认0px)

word-spacing:单词间距(默认0px)

text-decroation:文字修饰 (underline/overline/line-through/none)

text-align:横向排列(left/right/center)

vertaic-align:垂直对齐方式(垂直对齐(基于文字的基线)  baseline/bottom/top/middle/sub/super/text-top/text-bottom/百分比)

text-indent:文本缩进 2em(2个字节) 

line-height:行高  长度单位  设置行高=高 使一行文字垂直居中


CSS-2_第2张图片

CSS边框属性

border:边框宽度 边框样式 边框颜色

border-style:边框风格(solid实线/dotted点线/dashed虚线/double双实线)

border-color:

border:边框线的宽度 长度单位

CSS鼠标光标属性

cursor:   值  default/pointer/move/crosshair/text/wait

CSS列表属性

list-style-type:  列表项的图形  disc/circle/square/decimal/lower-roman/upper-roman ....

list-style-postion:   列表项图形的位置  outside/inside

list-style-iamge :   自定义列表图形  url

最常见的设置:  list-style:none


CSS-2_第3张图片

 CSS表格属性

table-layout:   表格布局方式  auto/fixed

border-collapse:  合并单元格边框  separate/collapse

border-spacing:  单元格间距  长度单位

caption-side :    表格标题位置  top/bottom

empty-cells:     没有内容的单元格是否隐藏    show/hide


CSS-2_第4张图片

CSS sprites css精灵图


CSS-2_第5张图片

DIV+CSS布局

行内元素和块状元素呢

块状元素独占一行, 行内元素可以共用一行

默认宽度:  块状元素默认宽度由父元素决定  行内元素默认宽度右内容决定

块状元素可以设置宽高, 行内元素不可以设置宽高

大部分块状元素内部可以嵌套块状或行内, 大部分行内只能嵌套行内

外边距,块状没问题,行内只能设置左右


CSS-2_第6张图片
CSS-2_第7张图片

你可能感兴趣的:(CSS-2)