常用的CSS属性。备查

2024-06-22 07:18

本文主要是介绍常用的CSS属性。备查,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

在网上收集了一些常用的css属性,觉得很实用,收藏,以备用!

01. CSS背景属性(Background)

属性与描述
background:在一个声明中设置所有的背景插件1
background-attachment:设置背景图像是否固定或者随着页面的其余部分滚动1
background-color:设置元素的背景颜色1
background-image:设置元素的背景图像1
background-position:设置背景图像的开始位置1
background-repeat:设置是否及如何重复背景图像

02. CSS边框属性(Border和Outline)

属性与描述
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:设置轮廓的宽度

03. CSS文本属性(Text)

属性与描述
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)

属性与描述
font:在一个声明中设置所有字体属性1
font-family:规定文本的字体系列1
font-size:规定文本的字体尺寸1
font-size-adjust:为元素规定aspect值2
font-stretch:收缩或拉伸当前的字体系列2
font-style:规定文本的字体压实1
font-variant:规定文本的字体样式1
font-weight:规定字体的粗细

05. CSS外边距属性(Margin)

属性与描述
margin:在一个声明中设置所有的外边距属性1
margin-bottom:设置元素的下外边距1
margin-left:设置元素的左外边距1
margin-right:设置元素的右外边距1
margin-top:设置元素的上外边距

06. CSS内边距属性(Padding)

属性与描述
padding:在一个声明中设置所有的内边距属性1
padding-bottom:设置元素的下内边距1
padding-left:设置元素的左内边距1
padding-right:设置元素的右内边距1
padding-top:设置元素的上内边距

07. CSS列表属性(List)

属性与描述
list-style:在一个声明中设置所有的列表属性1
list-style-image:将图像设置为列表项标记1
list-position:设置列表项标记的放置位置1
list-style-type:设置列表项标记的类型

08. CSS尺寸属性(Dimension)

属性与描述
height:设置元素高度1
max-height:设置元素的最大高度2
max-width:设置元素的最大宽度2
min-height:设置元素的最小高度2
min-width:设置元素的最小宽度2
width:设置元素的宽度1

09. CSS定位属性(Positioning)

属性与描述
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:设置元素的堆叠顺序

10. CSS表格属性(Table)

属性与描述
border-collapse:规定是否合并表格边框2
border-spacing:规定相邻单元格边框之间的距离2
caption-side:规定表格标题的位置2
empty-cells:规定是否显示表格中的空单元格上的边框和背景2
table-layout:设置用于表格的布局算法

这篇关于常用的CSS属性。备查的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1083640

相关文章

golang中reflect包的常用方法

《golang中reflect包的常用方法》Go反射reflect包提供类型和值方法,用于获取类型信息、访问字段、调用方法等,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值... 目录reflect包方法总结类型 (Type) 方法值 (Value) 方法reflect包方法总结

C# 比较两个list 之间元素差异的常用方法

《C#比较两个list之间元素差异的常用方法》:本文主要介绍C#比较两个list之间元素差异,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录1. 使用Except方法2. 使用Except的逆操作3. 使用LINQ的Join,GroupJoin

python常用的正则表达式及作用

《python常用的正则表达式及作用》正则表达式是处理字符串的强大工具,Python通过re模块提供正则表达式支持,本文给大家介绍python常用的正则表达式及作用详解,感兴趣的朋友跟随小编一起看看吧... 目录python常用正则表达式及作用基本匹配模式常用正则表达式示例常用量词边界匹配分组和捕获常用re

python删除xml中的w:ascii属性的步骤

《python删除xml中的w:ascii属性的步骤》使用xml.etree.ElementTree删除WordXML中w:ascii属性,需注册命名空间并定位rFonts元素,通过del操作删除属... 可以使用python的XML.etree.ElementTree模块通过以下步骤删除XML中的w:as

前端如何通过nginx访问本地端口

《前端如何通过nginx访问本地端口》:本文主要介绍前端如何通过nginx访问本地端口的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、nginx安装1、下载(1)下载地址(2)系统选择(3)版本选择2、安装部署(1)解压(2)配置文件修改(3)启动(4)

HTML中meta标签的常见使用案例(示例详解)

《HTML中meta标签的常见使用案例(示例详解)》HTMLmeta标签用于提供文档元数据,涵盖字符编码、SEO优化、社交媒体集成、移动设备适配、浏览器控制及安全隐私设置,优化页面显示与搜索引擎索引... 目录html中meta标签的常见使用案例一、基础功能二、搜索引擎优化(seo)三、社交媒体集成四、移动

HTML input 标签示例详解

《HTMLinput标签示例详解》input标签主要用于接收用户的输入,随type属性值的不同,变换其具体功能,本文通过实例图文并茂的形式给大家介绍HTMLinput标签,感兴趣的朋友一... 目录通用属性输入框单行文本输入框 text密码输入框 password数字输入框 number电子邮件输入编程框

HTML img标签和超链接标签详细介绍

《HTMLimg标签和超链接标签详细介绍》:本文主要介绍了HTML中img标签的使用,包括src属性(指定图片路径)、相对/绝对路径区别、alt替代文本、title提示、宽高控制及边框设置等,详细内容请阅读本文,希望能对你有所帮助... 目录img 标签src 属性alt 属性title 属性width/h

CSS3打造的现代交互式登录界面详细实现过程

《CSS3打造的现代交互式登录界面详细实现过程》本文介绍CSS3和jQuery在登录界面设计中的应用,涵盖动画、选择器、自定义字体及盒模型技术,提升界面美观与交互性,同时优化性能和可访问性,感兴趣的朋... 目录1. css3用户登录界面设计概述1.1 用户界面设计的重要性1.2 CSS3的新特性与优势1.

HTML5 中的<button>标签用法和特征

《HTML5中的<button>标签用法和特征》在HTML5中,button标签用于定义一个可点击的按钮,它是创建交互式网页的重要元素之一,本文将深入解析HTML5中的button标签,详细介绍其属... 目录引言<button> 标签的基本用法<button> 标签的属性typevaluedisabled