首页 > 代码库 > 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