码迷,mamicode.com
首页 > Web开发 > 详细

CSS属性

时间:2018-05-01 20:36:14      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:背景色   从右到左   样式   数值   text   图片   列表项   shadow   chm   

#CSS属性
##列表
1.list-style-type:表示列表项标记的类型

2.list-style-image表示把图像设置为列表中的项目标记

3.list-style-position表示列表标记位置

4.list-style
{url("") square inside }
:可以按顺序写出来,也可以不设置某一个值

##文本
1. text-shadow文本阴影{水平方向  垂直方向  模糊值  颜色}
2. color文本颜色
3. text-decoration文字特效{none/overline上划线/underline下划线/line-though删除线}
4. direction表示文字方向{ltr从左到右/rtl从右到左}
5. text-align文字对齐方式{left靠左对齐/right靠右对齐/center居中对齐}
6. line-height表示行高,两文本基线之间的垂直方向的距离
7. word-spacing给定数值可以修改英文单词之间的间隔
8. letter-spacing给定数值可以修改英文子母之间的间隔
9. text-indent表示文本缩进{数值/百分比}

##背景
1. background-repeat表示背景是否平铺{no-repeat不平铺/repeat-x从水平方向平铺/repeat-y从垂直方向平铺 默认值平铺}
2. background-size表示背景图的大小{宽度 高度}
3. background-position表示背景图的位置{垂直距离 水平距离}
4. background-attachment表示背景关联{fixed}长内容背景固定不随文字上下动
5. background-clip背景剪裁{padding-box在内边距以内显示/border-box在边框以内显示/content-box在内容盒中显示}
6. background:linear-gradient(第一个参数表示渐变色方向,第二个参数表示渐变开始的颜色,可以加好几个颜色(过渡的颜色)...最后一个参数表示结束的颜色)**表示背景渐变色**
7. background:repeat-linear-gradient(第一个参数表示线性渐变的方向,第二个参数表示第一个颜色以及开始位置,第三个参数表示第一个颜色以及结束位置,颜色...倒数第二个参数表示最后一个颜色以及起始位置,最后一个参数表示最后一个颜色以及结束位置)**表示背景线性渐变**
8. background:radial-linear-gradient(circle,颜色)**表示从圆心开始向外呈现同心圆渐变**
9. background-origin{content-box从内容框开始/border-box从边框开始/padding-box表示从内边距框开始}**表示背景图片或者背景色的起始位置**当属性background-attachment为fixed时无效

##边框
1. border-radius表示边框变圆角{取值为em,%,顺序为左上、右上、右下、左下}
2. box-shadow{水平方向的尺寸 垂直方向的尺寸 模糊值 阴影尺寸 颜色 (可不写)inset阴影向内扩散}

##文字
1. font-weight表示字体粗细{数值100-900整百、关键字bolder更粗/lighter更细/bold粗体字符/normal标准字符}
2. font-style表示字体样式{itatic斜体/normal正常}
3. font-sizeb表示字体大小{取值固定值lengt/%等  必须是大于12px的偶数}
4. font-family表示设置字体,浏览器会按照书写顺序选择字体{"字体样式"}
5. font-streth表示字体拉伸{默认值normal}
##动画
animation标签以及@keyframe

CSS属性

标签:背景色   从右到左   样式   数值   text   图片   列表项   shadow   chm   

原文地址:https://www.cnblogs.com/bohou/p/8976614.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!