首页 > 代码库 > CSS7.27
CSS7.27
###CSS文本属性
####font:[style/variant-align/weight] size/line-height family`
字体:【风格/垂直对齐/粗细】 大小/行高 字体,衬线
style: normal/italic/oblique 默认/斜体/强制倾斜
variant-align: normal/small-caps 默认/小型大写字母
weight:normal/bold/bolder/lighter/数字(1~900,》600粗)
默认/粗/最粗/细
size:单位
line-height:设置行高=高 使一行文字垂直居中
family:"字体" sans-serif/serif 非衬线字体,衬线字体
* letter-spacing 字母间距 默认0px
* word-spacing 单词间距 默认 0px
* text-decoration 值:
* none/underline/overline/line-through
* 无/上划线/下划线/删除线
* text-align 水平对齐方式 left(默认)/right/center
* vertical-align 垂直对齐(基于文字的基线)
* baseline/bottom/top/middle/sub/super/text-top/text-bottom/百分比
* 默认,基线上/底部/顶部/中部/垂直对齐文本的下标/垂直对齐文本的上标/元素的底端与父元素字体的底端对齐/百分比排列
* text-indent 首行缩进 长度单位
### CSS背景属性
####background:color image repeat postion
背景:颜色 图片 图片平铺方式 图片定位
background-color 背景颜色
background-iamge 背景图片 url("")
background-repeat 背景图片的平铺方式
* repeat/repeat-x/repeat-y/no-repeat
* 默认/x轴平铺/Y轴平铺/不平铺
background-postion 背景图片定位
left/center/right/长度单位 top/center/bottom/长度单位
* background-attachment 背景图片固定或滚动
* scroll/fixed
* 默认,固定/滚动
### CSS边框属性
####border:width style color
边框:边框粗细 风格 颜色
#### border-left/right/top/bottom
边框-左/右/上/下:边框粗细 风格 颜色 设置单线格式
border-width 边框线的宽度 长度单位
border-style 边框线的风格
solid/dotted/dashed/double...
实线/点线/虚线/双线..
border-color 颜色
### CSS鼠标光标属性
* cursor
* default/pointer/move/crosshair/text/wait
* 默认光标,箭头/显示链接的指针/对象可移动/十字线/文本/程序正忙
### CSS列表属性
####list-style:none
列表格式为无,常用
* list-style-type 列表项的图形
* disc/circle/square/decimal/lower-roman/upper-roman ....
* 默认,实心圆/空心圆/实心方块/数字/小写罗马字/大写罗马字
* list-style-postion 列表项图形的位置
* outside/inside
* 标记放置在文本以内,且环绕文本根据标记对齐/默认,标记位于文本的左侧。列表项目标记放置在文本以外,且环绕文本不根据标记对齐
* list-style-iamge 自定义列表图形 url("")
### CSS表格属性
* table-layout 表格布局方式 auto/fixed
* border-collapse 合并单元格边框 separate/collapse
* border-spacing 单元格间距 长度单位
* caption-side 表格标题位置 top/bottom
* empty-cells 没有内容的单元格是否隐藏 show/hide
### CSS sprites css精灵图
# DIV+CSS布局
### 行内元素和块状元素呢
* 块状元素独占一行, 行内元素可以共用一行
* 默认宽度: 块状元素默认宽度由父元素决定 行内元素默认宽度右内容决定
* 块状元素可以设置宽高, 行内元素不可以设置宽高
* 大部分块状元素内部可以嵌套块状或行内, 大部分行内只能嵌套行内
* 外边距,块状没问题,行内只能设置左右
本文出自 “13130330” 博客,谢绝转载!
CSS7.27