整理 W3CSchool 常用的CSS属性列表
近期教学给学员总结常用的CSS属性,方便学习查询,正好发上来也给大家分享一下,O(∩_∩)O。
摘选自:http://www.w3cschool.com.cn/
表格最右列的数字标识支持的CSS最低版本。
语法实例可能不是特别全,毕竟不是详细介绍每个样式,只是统计一下,详细的可以去w3cschool或google。
毕竟。学知识,第一步就是扩展知识面。
知道有这个东西,然后再举一反三去学习和练习。
目录:
03. CSS文本属性(Text)
04. CSS字体属性(Font)
05. CSS外边距属性(Margin)
07. CSS列表属性(List)
10. CSS表格属性(Table)
01. CSS背景属性(Background)
属性 | 描述 | 语法 | 实例 | CSS |
background | 在一个声明中设置所有的背景插件 | background:url("图片路径") x偏移 y偏移 #背景颜色 是否平铺; | background:url("img.jpg") 0px 0px transparent no-repeat; | 1 |
background-attachment | 设置背景图像是否固定或者随着页面的其余部分滚动 | 1 | ||
background-color | 设置元素的背景颜色 |
background-color:颜色名; background-color:#16进制表示RGB; background-color:rgb(红色值,绿色值,蓝色值); background-color:rgba(红色值,绿色值,蓝色值,透明度); |
background-transparent; background-color:#FFF; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.5); |
1 |
background-image | 设置元素的背景图像 | background-image:url("图片地址"); | background-image:url("../images/img.jpg"); | 1 |
background-position | 设置背景图像的开始位置 |
background-position:x偏移 y偏移; background-position-x:x偏移; background-position-y:y偏移; |
background-position:0px -10px; background-position-x:-10px; background-position-y:-20px; |
1 |
background-repeat | 设置是否及如何重复背景图像 | background-repeat:平铺方式; |
background-repeat:no-repeat; background-repeat:repeat-x; background-repeat:repeat-y; |
1 |
02. CSS边框属性(Border和Outline)
属性 | 描述 | CSS |
border | 在一个声明中设置所有的边框属性 | 1 |
border-bottom | 在一个声明中设置所有的下边框属性 | 1 |
border-bottom-color | 设置下边框的颜色 | 2 |
border-bottom-style | 设置下边框的样式 | 2 |
border-bottom-width | 设置下边框的宽度 | 1 |
border-color | 设置四条边框的颜色 | 1 |
border-left | 在一个声明中设置所有的左边框属性 | 1 |
border-left-color | 设置左边框的颜色 | 2 |
border-left-style | 设置左边框的样式 | 2 |
border-left-width | 设置左边框的宽度 | 1 |
border-right | 在一个声明中设置所有右边框的属性 | 1 |
border-right-color | 设置右边框的颜色 | 2 |
border-right-style | 设置右边框的样式 | 2 |
border-right-width | 设置右边框的宽度 | 1 |
border-style | 设置四条边框的样式 | 1 |
border-top | 在一个声明中设置所有上边框的属性 | 1 |
border-top-color | 设置上边框的颜色 | 2 |
border-top-style | 设置上边框的样式 | 2 |
border-top-width | 设置上边框的宽度 | 1 |
border-width | 设置四条边框的宽度 | 1 |
outline | 在一个声明中设置所有的轮廓属性 | 2 |
outline-color | 设置轮廓的颜色 | 2 |
outline-style | 设置轮廓的样式 | 2 |
outline-width | 设置轮廓的宽度 | 2 |
border-radius | 设置边框圆角半径 | |
box-shadow | 设置边框周围(外部/内部)的盒子阴影样式 |
03. CSS文本属性(Text)
属性 | 描述 | CSS |
color | 设置文本的颜色 | 1 |
direction | 规定文本的方向/书写方向 | 2 |
letter-spacing | 设置字符间距 | 1 |
line-height | 设置行高 | 1 |
text-align | 规定文本的水平对齐方式 | 1 |
text-decoration | 规定添加到文本的装饰效果 | 1 |
text-indent | 规定文本块首行的缩进 | 1 |
text-shadow | 规定添加到文本的阴影效果 | 2 |
text-transform | 控制文本的大小写 | 1 |
unicode-bidi | 设置文本方向 | 2 |
white-space | 规定如何处理元素中的空白 | 1 |
word-spacing | 设置单词间距 | 1 |
04. CSS字体属性(Font)
属性 | 描述 | CSS |
font | 在一个声明中设置所有字体属性 | 1 |
font-family | 规定文本的字体系列 | 1 |
font-size | 规定文本的字体尺寸 | 1 |
font-size-adjust | 为元素规定aspect值 | 2 |
font-stretch | 收缩或拉伸当前的字体系列 | 2 |
font-style | 规定文本的字体压实 | 1 |
font-variant | 规定文本的字体样式 | 1 |
font-weight | 规定字体的粗细 | 1 |
05. CSS外边距属性(Margin)
属性 | 描述 | CSS |
margin | 在一个声明中设置所有的外边距属性 | 1 |
margin-bottom | 设置元素的下外边距 | 1 |
margin-left | 设置元素的左外边距 | 1 |
margin-right | 设置元素的右外边距 | 1 |
margin-top | 设置元素的上外边距 | 1 |
06. CSS内边距属性(Padding)
属性 | 描述 | CSS |
padding | 在一个声明中设置所有的内边距属性 | 1 |
padding-bottom | 设置元素的下内边距 | 1 |
padding-left | 设置元素的左内边距 | 1 |
padding-right | 设置元素的右内边距 | 1 |
padding-top | 设置元素的上内边距 | 1 |
07. CSS列表属性(List)
CSS列表属性(List)
属性 | 描述 | CSS |
list-style | 在一个声明中设置所有的列表属性 | 1 |
list-style-image | 将图像设置为列表项标记 | 1 |
list-position | 设置列表项标记的放置位置 | 1 |
list-style-type | 设置列表项标记的类型 | 1 |
08. CSS尺寸属性(Dimension)
属性 | 描述 | CSS |
height | 设置元素高度 | 1 |
max-height | 设置元素的最大高度 | 2 |
max-width | 设置元素的最大宽度 | 2 |
min-height | 设置元素的最小高度 | 2 |
min-width | 设置元素的最小宽度 | 2 |
width | 设置元素的宽度 | 1 |
09. CSS定位属性(Positioning)
属性 | 描述 | CSS |
bottom | 设置定位元素下外边距边界与其包含块下边界之间的偏移 | 2 |
clear | 规定元素的哪一侧不允许其他浮动元素 | 1 |
clip | 剪裁绝对定位元素 | 2 |
cursor | 规定要显示的光标类型(形状) | 2 |
display | 规定元素应该生成的框的类型 | 1 |
float | 规定框是否应该浮动 | 1 |
left | 设置定位元素左外边距边界与其包含块左边界之间的偏移 | 2 |
overflow | 规定当内容溢出元素框时发生的事情 | 2 |
position | 规定元素定位类型 | 2 |
right | 设置定位元素右外边距边界与其包含块右边之间的偏移 | 2 |
top | 设置定位元素上外边距边界与其包含块上边之间的偏移 | 2 |
vertical-align | 设置元素的垂直对其方式 | 1 |
visibility | 规定元素是否可见 | 2 |
z-index | 设置元素的堆叠顺序 | 2 |
10. CSS表格属性(Table)
属性 | 描述 | CSS |
border-collapse | 规定是否合并表格边框 | 2 |
border-spacing | 规定相邻单元格边框之间的距离 | 2 |
caption-side | 规定表格标题的位置 | 2 |
empty-cells | 规定是否显示表格中的空单元格上的边框和背景 | 2 |
table-layout | 设置用于表格的布局算法 | 2 |
整理 W3CSchool 常用的CSS属性列表的更多相关文章
- 常用的CSS属性列表汇总
常用的CSS属性列表汇总 近期教学给学员总结常用的CSS属性,方便学习查询,正好发上来也给大家分享一下. 表格最右列的数字标识支持的CSS最低版本. 01. CSS背景属性(Background) 属 ...
- 第60天:js常用访问CSS属性的方法
一. js 常用访问CSS 属性的方法 我们访问得到css 属性,比较常用的有两种: 1. 利用点语法 box.style.width box.style.top 点语法可以得到 ...
- HTML常用的css属性(及其简写)
这篇文章主要介绍几个常用css属性和简写 本文目录: 1.背景属性 2.边框属性 3.字体属性 4.外边距 5.填充 6.颜色 1.background[背景属性] background-color ...
- 常用的CSS属性
1.CSS背景属性(background) 属性 描述 background 在一个声明中设置所有的背景属性 background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动 ...
- 一些很好用但不常用的css属性总结 (持续中......)
在各种框架横行的9012,感觉我们学前端的都变得浮躁了很多,放一张最近流行的神图: 唉,扯远了, 还是整理我的东西吧,路漫漫其修远兮,吾将上下而求索! 1, position:sticky; 粘性定位 ...
- 黑马学习CSS之CSS模块化规范全部组成 CSS属性列表
- HTML CSS 属性大全
CSS 属性大全 文字属性 「字体族科」(font-family),设定时,需考虑浏览器中有无该字体. 「字体大小」(font-size),注意度量单位.<绝对大小>|<相对大小&g ...
- css属性(常用属性整理)
摘要:本文是我在学习前端的过程中整理的一些常用css属性,部分是css3新增的,因能力有限,文中如有错误,欢迎提出,我会及时修改.希望对大家有帮助! CSS属性 CSS属性 1 1. css颜色属性 ...
- CSS控制列表样式属性list-style有哪些?怎么用?
CSS列表样式属性list-style有哪些类型?不同类型CSS控制列表样式使用时该注意什么? 这是W3Cschool用户Shirley于2016-11-10在W3Cschool编程问答提出的问题.云 ...
随机推荐
- Debian 7设备nginx周围环境、编译并安装和启动
/********************************************************************* * Author : Samson * Date ...
- CIC and Fir 滤波器的级联
在FDATool中 CIC 和 Fir 级联滤波器的设计 1 设计CIC滤波器的幅频特性曲线如下 2.设计FIR 滤波器的幅频特性曲线如下 3.总的特性曲线如下 4.把通带部分放大后的图,比较平坦
- matlab简单实现SVD的推荐
%svd chengxu A = [5 5 0 5;5 0 3 4; 3 4 0 3; 0 0 5 3; 5 4 4 5; 5 4 5 5]; A = A'; [U S V] = svd(A); U ...
- 基于低压电力采集平台DW710C的基础开发
实验课题 (1)自己定义通信规约,採用java或C++编写简单的PC端上位机软件,实现採集器与PC机的通信.实验可在DW710C-PCproject下进行. (2)实现LCD显示字符.数字.汉字和简单 ...
- Jquery 分页插件 Jquery Pagination
Jquery 分页插件 Jquery Pagination 分页插件来说,我觉得适用就行,尽量简单然后能够根据不同的应用场景能够换肤.展现形式等. 对于初学者想写分页插件的同学,也可以看下源码,代码也 ...
- 【iOS】MD5数据加密和网络安全
在做网络应用程序时,, 始终把确保用户数据的安全性, 因此要加密. MD5算法在国内用的非常多. MD5算法的特点: *相同的数据加密结果是一样的.(32个字符) *不可逆的.(不能逆向解密) *可 ...
- hdu1297 Children’s Queue
再加上男人:dp[i-1]: 加2一个女人:dp[i-2]+x. 上述的另一种情况下dp[i-2]它不仅包括加2女人对法律状况.和x是一个加号ff原违法的法律案后加入,这最后是mf案例,然后,x=dp ...
- ASP.NET MVC+EF框架+EasyUI实现权限管理系列之开篇
原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列之开篇 前言:博客又有一段时间没有更新了,心里感觉这段时间空空的,好像什么都没有学下,所以就想写博客,所以就有了这个系列,这里当然也 ...
- xcode于Archive当产生安装包遇到ld: library not found for -lPods
此问题是由能力很困扰,通常有以下几个方案 进target的 Build Phases- Link binary Library.到场libPods.a,假设是红.删,能够 其他解决方案 Build S ...
- oracle_自动备份用户数据,删除N天前的旧数据(非rman,bat+vbs)
有时数据没有实时备份恢复那么高的安全性需求,但每天 ,或者定期备份表结构 和数据依旧是很有必要的,介绍一种方法 在归档和非归档模式均可使用的自动备份方法. 预期效果是备份用户下的数据含表结构,备份文件 ...