用户名:  密码:   
您当前的位置:首页 > 网页设计 >  Html+CSS > 

类型,背景,区块,方框,边框,定位,扩展各类规则定义的范围

上次修改时间: 2015-12-17 09:18:12      来源:网络总结      作者:钢铁长陈
上一页      路径:DSD\Learn\Html与CSS\DIV+CSS\      下一页

类型,背景,区块,方框,边框,定位,扩展各类规则定义的范围

类型,用来控制盒子里显示内容的字体,大小,粗细,颜色,行高, 修饰(下划线,删除线等),样式(斜体,偏斜体)大小写等

背景,用来给盒子设置背景色,插入背景图,背景图的相对盒子位置及重复方式等

区块,对类型的补充,也是用来控制盒子里内容的显示,包括单词或字母间距,文本的垂直与水平对齐,文字缩进,是否保留空格,元素显示方式等
注:这里还有特殊的属性"显示",如果设为块,就可以把文本当成块看等,还可设置其它属性

方框,用来设置盒子的宽和高,盒子上下左右四边与里面内容的距离,盒子四边与外面盒子的距离
浮动与清除

边框,用以设置盒子上下左右四个边框的样式(无,虚线,实线,双线),边框粗细(某某像素),边框颜色

列表,用以给盒子里每行内容前加上不同项目符号(圆点,方框,方块,数字,字符等)或插入图片

定位
position设置定位的类型 (relative相对,不可层叠,相对于它原始位置移动,无论是否移动都占原来的位置,absolute绝对,相对于浏览器左上角的位置移动,可覆盖其它元素并用z-index控制层级,fixed固定,static静态)
注:父容器用相对定位,子元素用绝对定位,元素的位置是相对于父窗口的左上角而不浏览器左上角.
显示 确定层初始显示条件,(1是继承层的父级可见性属性,2是显示这些层的内容(可见),3隐藏这些层的内容)
z-index用来控制层级,值越高,显示越在上层
溢位 用来设置当前元素超出层大小时处理方式,(可见:增加层大小,使所有内容可见. 隐藏:层大小不变,隐藏多出的问题.滚动:不论内容是否超出都在层中加滚动条.自动:滚动条只在内容超出层边界时显示)
置入 分上,下,左,右设定层的大小,当层内容超出时这些内容将被覆盖
裁切 定义层的可见部分

扩展
这里的属性大部分浏览器不支持
之前 在样式所控制的对象之前强行分页
之后 在样式所控制的对象之后强行分页
光标 当鼠标移动到CSS规则控制的对象上改变光标的图像
滤镜 对样式控制的对象使用特殊效果