css一些常用属性
2017-07-17 21:49
405 查看
在实际开发中我们需要css文件中各类属性,如下表示:
1. width 设置宽度
2. height 设置高度
3. background属性
(1) background-color:设置背景颜色
(2) background-image:设置背景图像
(3) background-repeat:是否覆盖(repeat 是;no-repeat 不是)
(4) background-position:设置背景图像位置
(5) background:背景颜色 背景图片 背景图片是否覆盖 背景图片距左边长度 背景图片据上面的高度;
(6) background:rgba(0,0,0,0,0.5) 红基色,绿基色,蓝基色,透明度(从0-1表示,由白变为透明)
4. border属性(统一写法border:边框宽度 边框类型 边框颜色)
边框类型:solid 实线
Dashed 虚线
Dotted 点线
(1) border 对所有边框
(2) border-left 左边框
(3) border-right 右边框
(4) border-top 上边框
(5) border-bottom 下边框
(6) border-radius:设置菱角
5. 字体属性
(1) font-size 字体大小
(2) font-family字体类型(可以设置多个体,按照先后顺序执行)
(3) font-weight 字体粗细
(4) font-style 字体样式类型(normal正常,italic 斜体)
(5) color:字体颜色
6. text属性
(1) text-decoration:字体线(none 无线;overline 上划线;underline下划线;line-through 贯穿线)
(2) text-index:首行缩进
(3) text-align字体位置
(4) vertical-align文本垂直对齐
7. line-height 行高(上下边距之和乘以2,上下两个字之间差距除以2就是间距)
8. overflow:溢出操作,就是内容超过标签规定的长度(有两种属性hidden 隐藏;scroll 滚动)
9. margin(padding)外(内)边距属性
(1) margin(padding):上 右 下 左
垂直水平
所有
(2) margin(padding)-left:据左边宽度
(3) margin(padding)-right:据右边宽度
(4) margin(padding)-top:距上面宽度
(5) margin(padding)-bottom:距底部宽度
10列表样式
(1)list-style-type:列表样式
关于css属性还有很多,在以后开发中就会完善知识架构,希望大家不要着急,并且在开发中用到的请评论一下
1. width 设置宽度
2. height 设置高度
3. background属性
(1) background-color:设置背景颜色
(2) background-image:设置背景图像
(3) background-repeat:是否覆盖(repeat 是;no-repeat 不是)
(4) background-position:设置背景图像位置
(5) background:背景颜色 背景图片 背景图片是否覆盖 背景图片距左边长度 背景图片据上面的高度;
(6) background:rgba(0,0,0,0,0.5) 红基色,绿基色,蓝基色,透明度(从0-1表示,由白变为透明)
4. border属性(统一写法border:边框宽度 边框类型 边框颜色)
边框类型:solid 实线
Dashed 虚线
Dotted 点线
(1) border 对所有边框
(2) border-left 左边框
(3) border-right 右边框
(4) border-top 上边框
(5) border-bottom 下边框
(6) border-radius:设置菱角
5. 字体属性
(1) font-size 字体大小
(2) font-family字体类型(可以设置多个体,按照先后顺序执行)
(3) font-weight 字体粗细
(4) font-style 字体样式类型(normal正常,italic 斜体)
(5) color:字体颜色
6. text属性
(1) text-decoration:字体线(none 无线;overline 上划线;underline下划线;line-through 贯穿线)
(2) text-index:首行缩进
(3) text-align字体位置
(4) vertical-align文本垂直对齐
7. line-height 行高(上下边距之和乘以2,上下两个字之间差距除以2就是间距)
8. overflow:溢出操作,就是内容超过标签规定的长度(有两种属性hidden 隐藏;scroll 滚动)
9. margin(padding)外(内)边距属性
(1) margin(padding):上 右 下 左
垂直水平
所有
(2) margin(padding)-left:据左边宽度
(3) margin(padding)-right:据右边宽度
(4) margin(padding)-top:距上面宽度
(5) margin(padding)-bottom:距底部宽度
10列表样式
(1)list-style-type:列表样式
关于css属性还有很多,在以后开发中就会完善知识架构,希望大家不要着急,并且在开发中用到的请评论一下