常用的CSS属性
1.CSS背景属性(background)
| 属性 | 描述 |
| background | 在一个声明中设置所有的背景属性 |
| background-attachment | 设置背景图像是否固定或者随着页面的其余部分滚动 |
| background-color | 设置元素的背景颜色 |
| background-image | 设置元素的背景图像 |
| background-position | 设置背景图像的开始位置 |
| background-repeat | 设置是否及如何重复背景图像 |
2.CSS边框属性(border与outline)
| 属性 | 描述 |
| border | 在一个声明中设置所有的边框属性 |
| border-bottom | 在一个声明中设置所有的下边框属性 |
| border-bottom-color | 设置下边框的颜色 |
| border-bottom-style | 设置下边框的样式 |
| border-bottom-width | 设置下边框的宽度 |
| border-color | 设置四条边框的颜色 |
| border-left | 在一个声明中设置所有的左边框属性 |
| border-left-color | 设置左边框的颜色 |
| border-left-style | 设置左边框的样式 |
| border-left-width | 设置左边框的宽度 |
| border-right | 在一个声明中设置所有的右边框属性 |
| border-right-color | 设置右边框的颜色 |
| border-right-style | 设置右边框的样式 |
| border-right-width | 设置右边框的宽度 |
| border-style | 设置四条边框的样式 |
| border-top | 在一个声明中设置所有的上边框属性 |
| border-top-color | 设置上边框的颜色 |
| border-top-style | 设置上边框的样式 |
| border-top-width | 设置上边框的宽度 |
| border-width | 设置四条边框的宽度 |
| outline | 在一个声明中设置所有的轮廓属性 |
| outline-color | 设置轮廓的颜色 |
| outline-style | 设置轮廓的样式 |
| outline-width | 设置轮廓的宽度 |
3.CSS文本属性(text)
| 属性 | 描述 |
| color | 设置文本的颜色 |
| direction | 规定文本的方向/书写方向 |
| letter-spacing | 设置字符间距 |
| line-height | 设置行高 |
| text-align | 规定文本的水平对齐方式 |
| text-decoration | 规定添加到文本的装饰效果 |
| text-indent | 规定文本块首行的缩进 |
| text-shadow | 规定添加到文本的阴影效果 |
| text-transform | 控制文本的大小写 |
| unicode-bidi | 设置文本方向 |
| white-space | 规定如何处理元素中的空白 |
| word-spacing | 设置单词间距 |
4.CSS字体属性(font)
| 属性 | 描述 |
| font | 在一个声明中设置所有字体属性 |
| font-family | 规定文本的字体系列 |
| font-size | 规定文本的字体尺寸 |
| font-size-adjust | 为元素规定aspect值 |
| font-stretch | 收缩或拉伸当前的字体系列 |
| font-style | 规定文本的字体样式 |
| font-variant | 设置或检索对象中的文本是否为小型的大写字母 |
| font-weight | 规定字体的粗细 |
5.CSS外边距属性(margin)
| 属性 | 描述 |
| margin | 在一个声明中设置所有的外边距属性 |
| margin-bottom | 设置元素的下外边距 |
| margin-left | 设置元素的左外边距 |
| margin-right | 设置元素的右外边距 |
| margin-top | 设置元素的上外边距 |
6.CSS内边距属性(padding)
| 属性 | 描述 |
| padding | 在一个声明中设置所有的内边距属性 |
| padding-bottom | 设置元素的下内边距 |
| padding-left | 设置元素的左内边距 |
| padding-right | 设置元素的右内边距 |
| padding-top | 设置元素的上内边距 |
7.CSS列表属性(list)
| 属性 | 描述 |
| list-style | 在一个声明中设置所有的列表属性 |
| list-style-image | 将图像设置为列表项标记 |
| list-style-position | 设置列表项标记的放置位置 |
| list-style-type | 设置列表项标记的类型 |
8.CSS尺寸属性(dimension)
| 属性 | 描述 |
| height | 设置元素高度 |
| max-height | 设置元素的最大高度 |
| max-width | 设置元素的最大宽度 |
| min-height | 设置元素的最小高度 |
| min-width | 设置元素的最小宽度 |
| width | 设置元素的宽度 |
9.CSS定位属性(positioning)
| 属性 | 描述 |
| bottom | 设置定位元素下外边距边界与其包含块下边界之间的偏移 |
| clear | 规定元素的哪一侧不允许其他浮动元素 |
| clip | 剪裁绝对定位元素 |
| cursor | 规定要显示的光标类型(形状) |
| display | 规定元素应该生成的框的类型 |
| float | 规定框是否应该浮动 |
| left | 设置定位元素左外边距边界与其包含块左边界之间的偏移 |
| overflow | 规定当内容溢出元素框时发生的事情 |
| position | 规定元素的定位类型 |
| right | 设置定位元素右外边距边界与其包含块右边界之间的偏移 |
| top | 设置定位元素的上外边距边界与其包含块上边界之间的偏移 |
| vertical-align | 设置元素的垂直对齐方式 |
| visibility | 规定元素是否可见 |
| z-index | 设置元素的堆叠顺序 |
10.CSS表格属性(table)
| 属性 | 描述 |
| border-collapse | 规定是否合并表格边框 |
| border-spacing | 规定相邻单元格边框之间的距离 |
| caption-side | 规定表格标题的位置 |
| empty-cells | 规定是否显示表格中的空单元格上的边框和背景 |
| table-layout | 设置用于表格的布局算法 |
常用的CSS属性的更多相关文章
- 整理 W3CSchool 常用的CSS属性列表
近期教学给学员总结常用的CSS属性,方便学习查询,正好发上来也给大家分享一下,O(∩_∩)O. 摘选自:http://www.w3cschool.com.cn/ 表格最右列的数字标识支持的CSS最低版 ...
- 第60天:js常用访问CSS属性的方法
一. js 常用访问CSS 属性的方法 我们访问得到css 属性,比较常用的有两种: 1. 利用点语法 box.style.width box.style.top 点语法可以得到 ...
- 常用的CSS属性列表汇总
常用的CSS属性列表汇总 近期教学给学员总结常用的CSS属性,方便学习查询,正好发上来也给大家分享一下. 表格最右列的数字标识支持的CSS最低版本. 01. CSS背景属性(Background) 属 ...
- HTML常用的css属性(及其简写)
这篇文章主要介绍几个常用css属性和简写 本文目录: 1.背景属性 2.边框属性 3.字体属性 4.外边距 5.填充 6.颜色 1.background[背景属性] background-color ...
- 一些很好用但不常用的css属性总结 (持续中......)
在各种框架横行的9012,感觉我们学前端的都变得浮躁了很多,放一张最近流行的神图: 唉,扯远了, 还是整理我的东西吧,路漫漫其修远兮,吾将上下而求索! 1, position:sticky; 粘性定位 ...
- HTML CSS 属性大全
CSS 属性大全 文字属性 「字体族科」(font-family),设定时,需考虑浏览器中有无该字体. 「字体大小」(font-size),注意度量单位.<绝对大小>|<相对大小&g ...
- CSS属性(常用的属性)
CSS属性(常用的属性)http://www.w3school.com.cn/cssref/index.asp 一:文本与字体属性 1.字体属性 (1):font-size:字体的大小(例如:font ...
- 复习-css常用伪类别属性
css常用伪类别属性 对<a>标签可制动态效果的css a:link:超链接的普通样式 a:visited:被点击过的超链接样式 a:hover:鼠标指针经过超链接上时的样式 a:acti ...
- 常用css属性
一.常用css属性 (1) *block(区块) 行高 line-height:数值 | inherit | normal;字间距 letter-spacing: 数值 | inherit | nor ...
随机推荐
- win7 该任务映像已损坏或一篡改
首先找到任务计划程序快捷方式的位置,我的是win7系统,是在:控制面板-->管理工具-->任务计划程序 打开任务计划程序出现了下面的异常提示: 出现了这个异常之后,创建任务.创建基本任务菜 ...
- 发一个自己写的php框架
这个框架是我在学习php初期练手写的,现在分享出来希望对初学者有一定帮助. 目录结构:app:网站系统目录 ---common:网站配置目录 ---tpl:网站模板目录 ---log ...
- How to use PhotoshopApplication in maxscript
未完待续 ps_app= createOLEObject "Photoshop.Application" ps_app.Load "d:\\test\\aaa.tga&q ...
- mapreduce (二) MapReduce实现倒排索引(一) combiner是把同一个机器上的多个map的结果先聚合一次
1 思路:0.txt MapReduce is simple1.txt MapReduce is powerfull is simple2.txt Hello MapReduce bye MapRed ...
- PBOC规范研究
一.ISO14443协议和PBOC关于CID的约定 看过协议的人其实都明白,RATS命令中参数字节的低半字节是CID,期中,CID不能为15. ISO14443协议中要求当RATS命令的CID等于0时 ...
- 官网的许多Mobile开发教程,Blog和示例代码
http://docwiki.embarcadero.com/RADStudio/Seattle/en/Mobile_Tutorials:_Mobile_Application_Development ...
- hdu 3912 Turn Right
http://acm.hdu.edu.cn/showproblem.php?pid=3912 这个题我用递归深搜模拟,直接爆栈了.哭啊!为什么! 这个题最主要是能走重复格子,但是方向不一样. 我用的剪 ...
- perl 正则前导字符
uat-prx02:/root# cat a1.pl my $str="123"; if ($str =~/(abc)*/){print "111111111\n&quo ...
- x86 构架的 Arduino 开发板Intel Galileo
RobotPeak是上海的一家硬件创业团队,团队致力于民用机器人平台系统.机器人操作系统(ROS)以及相关设备的设计研发,并尝试将日新月异的机器人技术融入人们的日常生活与娱乐当中.同时,RobotPe ...
- delphi 自定义消息
delphi 自定义消息 消息描述 Tmsg是 Windows系统用来记录描述一个具体的windows消息的.就是windows 用于封装应用程序及系统程序发生的消息,它是操作系统使用 ...