整理W3CSchool常用的CSS属性列表_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了整理W3CSchool常用的CSS属性列表_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含6619字,纯文字阅读大概需要10分钟。
内容图文
![整理W3CSchool常用的CSS属性列表_html/css_WEB-ITnose](/upload/InfoBanner/zyjiaocheng/400/0db9f0364e1e4bea89e7812a1c13ed97.jpg)
摘选自:http://www.w3cschool.com.cn/
表格最右列的数字标识支持的CSS最低版本。
目录:
01. CSS背景属性(Background)
02. CSS边框属性(Border和Outline)
03. CSS文本属性(Text)
04. CSS字体属性(Font)
05. CSS外边距属性(Margin)
06. CSS内边距属性(Padding)
07. CSS列表属性(List)
08. CSS尺寸属性(Dimension)
09. CSS定位属性(Positioning)
10. CSS表格属性(Table)
01. CSS背景属性(Background) CSS背景属性(Background)
属性 | 描述 | CSS |
background | 在一个声明中设置所有的背景插件 | 1 |
background-attachment | 设置背景图像是否固定或者随着页面的其余部分滚动 | 1 |
background-color | 设置元素的背景颜色 | 1 |
background-image | 设置元素的背景图像 | 1 |
background-position | 设置背景图像的开始位置 | 1 |
background-repeat | 设置是否及如何重复背景图像 | 1 |
02. CSS边框属性(Border和Outline) 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 |
03. CSS文本属性(Text) 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)
属性 | 描述 | 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)
属性 | 描述 | CSS |
margin | 在一个声明中设置所有的外边距属性 | 1 |
margin-bottom | 设置元素的下外边距 | 1 |
margin-left | 设置元素的左外边距 | 1 |
margin-right | 设置元素的右外边距 | 1 |
margin-top | 设置元素的上外边距 | 1 |
06. CSS内边距属性(Padding) 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尺寸属性(Dimension)
属性 | 描述 | CSS |
height | 设置元素高度 | 1 |
max-height | 设置元素的最大高度 | 2 |
max-width | 设置元素的最大宽度 | 2 |
min-height | 设置元素的最小高度 | 2 |
min-width | 设置元素的最小宽度 | 2 |
width | 设置元素的宽度 | 1 |
09. CSS定位属性(Positioning) 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表格属性(Table)
属性 | 描述 | CSS |
border-collapse | 规定是否合并表格边框 | 2 |
border-spacing | 规定相邻单元格边框之间的距离 | 2 |
caption-side | 规定表格标题的位置 | 2 |
empty-cells | 规定是否显示表格中的空单元格上的边框和背景 | 2 |
table-layout | 设置用于表格的布局算法 | 2 |
内容总结
以上是互联网集市为您收集整理的整理W3CSchool常用的CSS属性列表_html/css_WEB-ITnose全部内容,希望文章能够帮你解决整理W3CSchool常用的CSS属性列表_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。