常用的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

相关文章

Vue和React受控组件的区别小结

《Vue和React受控组件的区别小结》本文主要介绍了Vue和React受控组件的区别小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录背景React 的实现vue3 的实现写法一:直接修改事件参数写法二:通过ref引用 DOMVu

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H

C#使用Spire.Doc for .NET实现HTML转Word的高效方案

《C#使用Spire.Docfor.NET实现HTML转Word的高效方案》在Web开发中,HTML内容的生成与处理是高频需求,然而,当用户需要将HTML页面或动态生成的HTML字符串转换为Wor... 目录引言一、html转Word的典型场景与挑战二、用 Spire.Doc 实现 HTML 转 Word1

Vue3绑定props默认值问题

《Vue3绑定props默认值问题》使用Vue3的defineProps配合TypeScript的interface定义props类型,并通过withDefaults设置默认值,使组件能安全访问传入的... 目录前言步骤步骤1:使用 defineProps 定义 Props步骤2:设置默认值总结前言使用T

JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法

《JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法》:本文主要介绍JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法,每种方法结合实例代码给大家介绍的非常... 目录引言:为什么"相等"判断如此重要?方法1:使用some()+includes()(适合小数组)方法2

SpringBoot 获取请求参数的常用注解及用法

《SpringBoot获取请求参数的常用注解及用法》SpringBoot通过@RequestParam、@PathVariable等注解支持从HTTP请求中获取参数,涵盖查询、路径、请求体、头、C... 目录SpringBoot 提供了多种注解来方便地从 HTTP 请求中获取参数以下是主要的注解及其用法:1

Python如何调用另一个类的方法和属性

《Python如何调用另一个类的方法和属性》在Python面向对象编程中,类与类之间的交互是非常常见的场景,本文将详细介绍在Python中一个类如何调用另一个类的方法和属性,大家可以根据需要进行选择... 目录一、前言二、基本调用方式通过实例化调用通过类继承调用三、高级调用方式通过组合方式调用通过类方法/静

Java Stream流以及常用方法操作实例

《JavaStream流以及常用方法操作实例》Stream是对Java中集合的一种增强方式,使用它可以将集合的处理过程变得更加简洁、高效和易读,:本文主要介绍JavaStream流以及常用方法... 目录一、Stream流是什么?二、stream的操作2.1、stream流创建2.2、stream的使用2.

基于Python Playwright进行前端性能测试的脚本实现

《基于PythonPlaywright进行前端性能测试的脚本实现》在当今Web应用开发中,性能优化是提升用户体验的关键因素之一,本文将介绍如何使用Playwright构建一个自动化性能测试工具,希望... 目录引言工具概述整体架构核心实现解析1. 浏览器初始化2. 性能数据收集3. 资源分析4. 关键性能指

MySQL常用字符串函数示例和场景介绍

《MySQL常用字符串函数示例和场景介绍》MySQL提供了丰富的字符串函数帮助我们高效地对字符串进行处理、转换和分析,本文我将全面且深入地介绍MySQL常用的字符串函数,并结合具体示例和场景,帮你熟练... 目录一、字符串函数概述1.1 字符串函数的作用1.2 字符串函数分类二、字符串长度与统计函数2.1