首页 > 其他分享 >css常用属性

css常用属性

时间:2023-04-20 11:15:48浏览次数:32  
标签:动画 常用 项目 animation grid background css 属性


CSS 常用属性和高级属性的详细参数说明如下:

 

常用属性

字体属性

 

font-family: 字体系列

 

font-size: 字体大小

 

font-weight: 字体粗细

 

font-style: 字体样式

 

line-height: 行高

 

文本属性

 

color: 字体颜色

 

text-align: 文本对齐方式

 

text-decoration: 文本修饰

 

text-transform: 文本转换

 

text-indent: 首行缩进

 

背景属性

 

background-color: 背景颜色

 

background-image: 背景图片

 

background-repeat: 背景重复方式

 

background-position: 背景位置

 

background-size: 背景大小

 

盒子模型属性

 

width: 盒子宽度

 

height: 盒子高度

 

padding: 内边距

 

margin: 外边距

 

border: 边框

 

高级属性

伸缩布局(Flexbox)属性

 

display: 容器和项目的显示方式

 

flex-direction: 容器内项目的排列方向

 

flex-wrap: 容器内项目的换行方式

 

justify-content: 容器内项目的对齐方式

 

align-items: 容器内项目的垂直对齐方式

 

align-self: 单个项目的垂直对齐方式

 

flex: 项目的伸缩比例

 

网格布局(Grid)属性

 

display: 容器和项目的显示方式

 

grid-template-columns: 网格列的大小和数量

 

grid-template-rows: 网格行的大小和数量

 

grid-template-areas: 网格区域的命名

 

grid-gap: 网格行列之间的间隔

 

grid-column-start: 项目开始的列位置

 

grid-column-end: 项目结束的列位置

 

grid-row-start: 项目开始的行位置

 

grid-row-end: 项目结束的行位置

 

grid-column: 项目跨越的列数

 

grid-row: 项目跨越的行数

 

动画属性

 

animation-name: 动画名称

 

animation-duration: 动画持续时间

 

animation-delay: 动画延迟时间

 

animation-timing-function: 动画时间函数

 

animation-iteration-count: 动画重复次数

 

animation-direction: 动画播放方向

 

animation-fill-mode: 动画停留状态

 

过渡属性

 

transition-property: 过渡的属性

 

transition-duration: 过渡的持续时间

 

transition-timing-function: 过渡的时间函数

 

transition-delay: 过渡的延迟时间

 

2D 转换属性

 

transform: 转换方式

 

transform-origin: 转换的基点位置

 

3D 转换属性

 

perspective: 视角距离

 

perspective-origin: 视角的基点位置

 

transform-style: 转换方式

 

backface-visibility: 背面是否可见

 

标签:动画,常用,项目,animation,grid,background,css,属性
From: https://www.cnblogs.com/full-stack-linux-new/p/17336034.html

相关文章

  • HTML常用标签
    HTML中常用的标签:  <html>:定义HTML文档的根元素,包括<head>和<body>。 <head>:定义文档头部,包含元数据和其他文档级设置,如标题、样式表和脚本等。 <body>:定义文档的主体部分,包含文档的内容。 <h1>-<h6>:定义标题,从大到小分别为一级标题到六级标题。 <p>:定......
  • JavaScript字符串的常用操作
    在JavaScript中,字符串是不可变的,也就是说,一旦创建了一个字符串,就不能直接修改其值。如果需要对字符串进行修改,则需要创建一个新的字符串。字符串的增删改查操作如下:1.字符串的增加可以使用加号运算符`+`将两个字符串连接起来,从而实现字符串的增加。```javascriptvarstr1=......
  • beeware常用命令
    Beeware的常用命令包括:1.`briefcase`:用于创建、构建和管理Python应用程序的命令行工具。2.`new`:创建一个新的应用程序。3.`build`:构建应用程序。4.`run`:运行应用程序。5.`test`:运行应用程序的单元测试。6.`package`:创建应用程序的二进制包。7.`uploa......
  • os模块常用方法
    os模块是Python标准库中的一个模块,提供了与操作系统相关的函数和变量,可以用于文件/目录操作、进程管理、环境变量等操作。以下是os模块的常用函数和变量:1.getcwd()函数:获取当前工作目录。```pythonimportos#获取当前工作目录path=os.getcwd()print(path)```2.chdir(......
  • sys常用方法
    sys模块是Python标准库中的一个模块,提供了与Python解释器及其环境相关的函数和变量,可以用于解释器退出、命令行参数、标准输入输出等操作。以下是sys模块的常用函数和变量:1.argv变量:获取命令行参数。```pythonimportsys#获取命令行参数args=sys.argvprint(args)```2.......
  • time常用方法
    time模块是Python标准库中的一个模块,提供了与时间相关的函数和变量,可以用于获取当前时间、时间戳、格式化时间等操作。以下是time模块的常用函数和变量:1.time()函数:返回当前时间的时间戳(1970年1月1日至今的秒数)。```pythonimporttime#获取当前时间的时间戳timestamp=tim......
  • mac常用命令
    MacOSX是基于Unix操作系统的,因此它与其他Unix操作系统共享许多常用命令和高级命令。以下是一些常用命令和高级命令的说明:常用命令:1.cd:改变当前工作目录。2.ls:显示当前目录下的文件和文件夹。3.mkdir:创建一个新目录。4.rm:删除文件或目录。5.cp:复制文件或目......
  • css使用收集
    文字设定文本块中第一行的缩进text-indent:5px;设置文字左右间隔letter-spacing:2px;设置文字上下间隔line-height:25px;......
  • Cesium中Camera的常用方法
    08-Cesium中Camera的常用方法camera是viewer.scene中的属性,用来控制当前的可见域。viewer.camera是快捷写法,访问的是viewer.scene.camera,所以调用时这两种写法都行。介绍三种常用的view.carmera方法。(1)setViewCamera根据视图位置直接定位。constposition=Cesium.Cartesia......
  • cython常用方法
    Cython是一种将Python代码转换为C或C++代码的编译器,可以提高Python代码的速度和性能。如果Python代码中使用了第三方模块,可以使用Cython将其转换为C或C++代码。下面是使用Cython将带第三方模块的py文件转换成C和C++的详细说明和示例:  安装Cython......