您的位置:首页 > Web前端 > CSS

CSS常用样式说明

2013-09-27 16:06 253 查看
background-attachment: fixed 随着页面的滚动轴背景图片不会移动
background-attachment: scroll 随着页面的滚动轴背景图片将移动
background-attachment:inherit继承

background-color:背景颜色
background-image:背景图片
background-position:背景图片的位置 (注:位是从左上角x,y方向开始的)
background-repeat:背景平铺 repeat(完全平铺) repeat—x(方向) repeat-y(y方向) no-repeat (不平铺)
border:表示边框 如: border:1px solid #ccc
border-bottom: 底部边框
border-bottom-color底部边框颜色
border-bottom-style: 底部边框样式  如solid为实线 double为双线 groove为3D 凹槽边框
border-bottom-width 下边框的宽度 就像一条河这个宽度,而不我们所想的长度
border-collapse 表格边框是否合并 separate:默认值分开 collapse:合并成单一的边框
border-color 边框颜色
border-left:边框左边样式效果
border-left-color:边左框颜色
border-left-style: 边框左边样式效果
反之右边,上边
border-spacing 相邻单元格的边框间的距离
border-style: 边框样式,实际上包含个边
border-width:实际也是说明各边框的宽度(也就是四个边)
bottom: 底部样式

caption-side 属性设置表格标题的位置。 <table border="1"><caption>This is a caption</caption>
clear 属性规定元素的哪一侧不允许其他浮动元素。
Clear:lef:表示左边不可,right表示右边不可以 both表示两侧不可以(可就左和右)
clip 属性剪切了一幅图像 clip:rect(0px 50px 200px 0px) 像剪刀一样
color:元素颜色

counter-increment 属性设置某个选取器每次出现的计数器增量。默认增量是 1。
cursor 属性规定要显示的光标的类型(形状)。

direction 属性规定文本的方向 / 书写方向。
Display 元素陈列的样式,也就是展示的样式

empty-cells:hide属性设置是否显示表格中的空单元格
float:表示浮动, left 左边,right右边
font 表示字体样式属性(大小,颜色,字形等等)
font-family: 具体是什么字体

font-size:字体大小
font-size-adjust:表示首字高度
font-style:字体样式,歪的,斜的
font-variant:字母大小写
font-weight:字体的粗细大小,也就是胖度

height:元素的高度
letter-spacing 属性增加或减少字符间的空白(字符间距)也就是字体之间的距离
line-height:各元素之间的距离
list-style: 简写属性在一个声明中设置所有的列表属性。
下面是 margin和 padding
A对于外面空间的距离用margin  A里面的内容用padding  同理B 它的外面是A
A

margin

max-height 属性设置元素的最大高度。

outline:#00ff00 dotted thick; 位于边框边缘的外围,可起到突出元素的作用。也就是效果
overflow 属性规定当内容溢出元素框时发生的事情。
tableLayout 属性用来显示表格单元格、行、列的算法规则。
text-shadow:基础的文本阴影效果:
text-transform 属性控制文本的大小写。


View Code

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: