CSS 常用属性

布局

  • position,z-index
  • top, bottom, right, left
  • float, clear
  • flex-direction, flex-wrap, justify-content ...
  • text-align
  • vertic­al-­align

尺寸

  • width, min-width, max-width
  • height, min-height, max-height

盒模型

  • box-sizing
  • margin, margin-left, margin-right, margin-top, margin-bottom
  • padding, padding-left, padding-right, padding-top, padding-bottom

显示

  • display
  • visibility
  • opacity
  • overflow

字体

  • font, font-f­amily, font-size, font-w­eight, font-style, color
  • @font-face

文本

  • text-indent
  • text-d­eco­ration, text-s­hadow
  • text-overflow
  • line-height
  • word-s­pacing, letter­-sp­acing
  • white-­space

背景

  • background
  • background-image, background-color
  • background-position
  • background-repeat
  • background-size

边框相关

  • border, border-width, boder-style, border-width, border-color
  • outline

表格

  • border­-sp­acing, border­-co­llapse, empty-­cells

列表

  • list-style, list-s­tyl­e-type, list-s­tyl­e-image, list-s­tyl­e-p­osition

变形

  • transform, transform-origin
  • scale, scale3d, rotate, translate, perspective, matrix ...

渐变

  • transition, transition-property, transition-duration, transition-delay, transition-timing-function

动画

  • animation, animation-name, animation-duration, animation-play-state ...
  • @keyframes

伪元素

  • content

其他

  • border-radius
  • cursor
  • filter
  • will-change
  • -webkit-overflow-scrolling :设置为 touch 滚动会带惯性

更多

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 加些CSS,让网站变得面目全非,你会怎么做?

    Joel
  • Web 前端性能优化概要

    本文遵守创作共享CC BY-NC-SA 4.0协议 网络平台如需转载必须与本人联系确认。

    Joel
  • 玩转 Github 徽章

    我们如果希望和某个 Github 项目开发者沟通,比如给这个项目提个 bug 之类。传统的方式是在该项目创建一个 issue ,等开发者看到后(可能是很久之后~...

    Joel
  • CSS深入理解学习笔记之margin

    1、margin与容器尺寸   元素尺寸:①可视尺寸 clientWidth(标准);②占据尺寸 ?   margin与可视尺寸:①适用于没有设定width/h...

    就只是小茗
  • margin 属性

    margin 规定标签中四个方向的外边距属性。四个外边距属性表示分别为: margin-top, margin-right, margin-bottom,...

    Html5知典
  • 关于css margin,你需要知道的一切

    当我们学习CSS时,我们大多数人学到的第一件事是CSS中盒子的各个部分的细节,这部分通过叫做 CSS盒、模型。“盒模型”中的元素之一是margin,即盒子周围的...

    前端小智@大迁世界
  • 关于 CSS margin,一些让你模糊的点

    当我们学习CSS时,我们大多数人学到的第一件事是CSS中盒子的各个部分的细节,这部分通过叫做 CSS盒、模型。“盒模型”中的元素之一是margin,即盒子周围的...

    前端小智@大迁世界
  • PLSQL Developer几个可能的隐患

    PL/SQL Developer是一个集成开发环境,由Allround Automations公司开发,专门面向Oracle数据库。作为一款第三方工具,早就被...

    bisal
  • 分页计算页码的主要逻辑

    当使用imap进行读取邮件体的时候,有个函数可以根据传入的开始和结束索引来一次读取多条邮件内容 主要逻辑类似这样,从1开始, 1,10 11,20 ...

    陶士涵
  • LeetCode 400.第N个数字 - JavaScript

    在无限的整数序列 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, …中找到第 n 个数字。

    心谭博客

扫码关注云+社区

领取腾讯云代金券