定位 Positioning

• position
• z-index
• top
• right
• bottom
• left
• clip

布局 Layout

• display
• float
• clear
• visibility
• overflow

尺寸与补白 Dimension and Margins and Paddings

• width
• min-width
• max-width
• height
• min-height
• max-height
• margin
• padding

背景与边框 Backgrounds and Borders

• border
• border-width
• border-style
• border-color
• border-radius
• box-shadow
• border-image
• border-image-source
• border-image-slice
• border-image-width
• border-image-outset
• border-image-repeat
• background
• background-color
• background-image
• background-repeat
• background-attachment
• background-position
• background-origin
• background-clip
• background-size

颜色 Color

• color
• opacity

字体 Font

• font
• font-style
• font-variant
• font-weight
• font-size
• font-family
• font-stretch
• font-size-adjust

文本 Text

• text-transform
• white-space
• tab-size
• word-break
• word-wrap/overflow-wrap
• text-align
• text-align-last
• text-justify
• word-spacing
• letter-spacing
• text-indent
• vertical-align
• line-height
• text-size-adjust

文本装饰 Text Decoration

• text-decoration
• text-decoration-line
• text-decoration-color
• text-decoration-style
• text-decoration-skip
• text-underline-position
• text-shadow

书写模式 Writing Modes

• direction
• unicode-bidi
• writing-mode

列表 List

• list-style
• list-style-image
• list-style-position
• list-style-type

表格 Table

• table-layout
• border-collapse
• border-spacing
• caption-side
• empty-cells

内容 Content

• content
• counter-increment
• counter-reset
• quotes

用户界面 User Interface

• appearance
• text-overflow
• outline
• outline-width
• outline-style
• outline-color
• outline-offset
• nav-index
• nav-up
• nav-right
• nav-down
• nav-left
• cursor
• zoom
• box-sizing
• resize
• ime-mode
• user-select
• pointer-events

多列 Multi-column

• columns
• column-width
• column-count
• column-gap
• column-rule
• column-rule-width
• column-rule-style
• column-rule-color
• column-span
• column-fill
• column-break-before
• column-break-after
• column-break-inside

伸缩盒 Flexible Box(旧)

• box-orient
• box-pack
• box-align
• box-flex
• box-flex-group
• box-ordinal-group
• box-direction
• box-lines

伸缩盒 Flexible Box(新)

• flex
• flex-grow
• flex-shrink
• flex-basis
• flex-flow
• flex-direction
• flex-wrap
• align-content
• align-items
• align-self
• justify-content
• order

转换 Transform

• transform
• transform-origin
• transform-style
• perspective
• perspective-origin
• backface-visibility

过渡 Transition

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

动画 Animation

• animation
• animation-name
• animation-duration
• animation-timing-function
• animation-delay
• animation-iteration-count
• animation-direction
• animation-play-state
• animation-fill-mode

打印 Printing

• page
• page-break-before
• page-break-after
• page-break-inside

媒体查询 Media Queries

• width
• height
• device-width
• device-height
• orientation
• aspect-ratio
• device-aspect-ratio
• color
• color-index
• monochrome
• resolution
• device-pixel-ratio
• scan
• grid

Only IE

• scrollbar-3dlight-color
• scrollbar-darkshadow-color
• scrollbar-highlight-color
• scrollbar-shadow-color
• scrollbar-arrow-color
• scrollbar-face-color
• scrollbar-track-color
• scrollbar-base-color
• filter
• behavior

Only Webkit

• -webkit-text-fill-color
• -webkit-text-stroke
• -webkit-text-stroke-width
• -webkit-text-stroke-color
• -webkit-box-reflect
• -webkit-tap-highlight-color
• -webkit-user-drag
• -webkit-overflow-scrolling

元素选择符 Element Selectors

• *
• E
• E#id
• E.class

关系选择符 Relationship Selectors

• E F
• E>F
• E+F
• E~F

属性选择符 Attribute Selectors

• E[att]
• E[att="val"]
• E[att~="val"]
• E[att^="val"]
• E[att$="val"]
• E[att*="val"]
• E[att|="val"]

伪类选择符 Pseudo-Classes Selectors

• E:link
• E:visited
• E:hover
• E:active
• E:focus
• E:lang(fr)
• E:not(s)
• E:root
• E:first-child
• E:last-child
• E:only-child
• E:nth-child(n)
• E:nth-last-child(n)
• E:first-of-type
• E:last-of-type
• E:only-of-type
• E:nth-of-type(n)
• E:nth-last-of-type(n)
• E:empty
• E:checked
• E:enabled
• E:disabled
• E:target
• @page:first
• @page:left
• @page:right

伪对象选择符 Pseudo-Element Selectors

• E:first-letter/E::first-letter
• E:first-line/E::first-line
• E:before/E::before
• E:after/E::after
• E::placeholder
• E::selection

语法与规则 Rules and Syntax

• !important
• comment
• @import
• @charset
• @media
• @font-face
• @page
• @keyframes
• @supports

长度值与单位 Length Data Types and Units

• <length>
• em
• ex
• ch
• rem
• vw
• vh
• vmax
• vmin
• cm
• mm
• q
• in
• pt
• pc
• px

角度值与单位 Angle Data Types and Units

• <angle>
• deg
• grad
• rad
• turn

时间值与单位 Time Data Types and Units

• <time>
• s
• ms

频率值与单位 Frequency Data Types and Units

• <frequency>
• Hz
• kHz

特殊布局值与单位 Layout-specific Data Types and Units

• <fraction>
• <grid>
• fr
• gr

分辨率值与单位 Resolution Data Types and Units

• <resolution>
• dpi
• dpcm
• dppx

颜色值 Color Data Types

• <color>
• Color Name
• HEX
• RGB
• RGBA
• HSL
• HSLA
• transparent
• currentColor

文本值 Textual Data Types

• inherit
• initial
• unset
• <string>
• <url>
• <identifier>

函数值 Functional Notations Data Types

• calc()
• toggle()

生成内容值 Content Notations Data Types

• counter()
• counters()
• attr()

图像值 Image Data Types

• <image>
• image()
• image-set()
• <gradient>
• linear-gradient()
• radial-gradient()
• repeating-linear-gradient()
• repeating-radial-gradient()

数字值 Numeric Data Types

• <number>
• <integer>
• <percentage>

附录 Appendix

• 颜色关键字(Color Keywords)
• 媒体类型(Media Types)

常用CSS Hack

• 条件Hack
• 属性级Hack
• 选择符级Hack

问题和经验

• 参考资源列表
• Bugs和解决方案
• 技巧和经验
• 其它经验

CSS3中文手册，新特性速查相关推荐

1. ES6-ES11新特性速查手册

   ES6-ES11 es6新特性:let.const.解构赋值.模板字符串.对象简化写法(kv一致省略v).箭头函数.函数参数默认值.rest 参数,扩展运算符.Symbol 类型.迭代器.生成器.Pr ...

2. html5 跳转参数不显示_HTML5、CSS3、ES6新特性总结

   前言:HTML5.CSS3.ES6新特性,可以说是基础前端的面试的必考题了,以下是关于新特性的基本总结. HTML5: 语义化的区块和段落元素:<section>,<article& ...

3. 不停歇的Java即将发布JDK16新特性速览及从菜鸟到架构师[图]

   一.不停歇的Java即将发布JDK16新特性速览 当开发者深陷Java8版本之际,这边下一版本Java16有了最新的消息,与Java15一样,作为短期版本,Oracle仅提供6个月的支持. 根据发布计 ...

4. CSS3有哪些新特性

   题目点评 CSS3的特性那么多该从哪里说起了?很显然这道题目是有陷阱的,你不可能将所有的特性一个不漏的说出来,就算你说出来,别人还认为你是背的了!所以你主要讲一下在项目中经常用到的Css3的属性就可以 ...

5. css3有哪些新特性?有哪些改进

   1.新增选择器 p:nth-child(n){color: rgba(255, 0, 0, 0.75)} 2.新增伪元素 ::before 和 ::after 3.弹性盒模型 display: fle ...

6. html5新特性 移除哪些,html5\CSS3有哪些新特性、移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？...

   (1)HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,地理定位等功能的增加. 绘画canvas元素: 用于媒介回放的video和audio元素: 本地离线存储localStorage ...

7. golang1.16新特性速览

   目录 语言內建的资源嵌入支持 支持arm64 go modules的新特性 GO111MODULE现在默认为on go build不再更改mod相关文件 go install的变化 新的GOVCS环境 ...

8. css3中的新特性经典应用

   这篇文章主要分析css3新特性的典型应用,都是干活,没得水分. 1.动画属性:animation. 利用animation可以实现元素的动画效果,他是一个简写属性,用于设置6个动画属性:aminati ...

9. Web前端面试指导 四十 CSS3有哪些新特性

   首先给大家分享一个巨牛巨牛的人工智能教程,是我无意中发现的.教程不仅零基础,通俗易懂,而且非常风趣幽默,还时不时有内涵段子,像看小说一样,哈哈-我正在学习中,觉得太牛了,所以分享给大家!点这里可以跳转 ...

最新文章

1. Python Qt GUI设计：QDrag拖拽数据传输类（基础篇—18）
2. LeetCode 22. Generate Parentheses--Python 解法--广度优先、深度优先解法
3. R语言-用bat调用R脚本
4. Linux kernel 学习笔记（1） --分段分页保护机制
5. 【学术相关】TopPaper：AI 初学者经典论文列表
6. W: Possible missing firmware /lib/firmware/i915/bxt_guc_ver8_7.bin for module i915
7. SQL点滴27—性能分析之执行计划
8. 耗时又繁重的SQL诊断优化，以后就都交给数据库自治服务DAS吧！
9. python语音属于什么语言_python到底是什么类型的语言
10. ASP.NET中的EnableViewState
11. 改进网易云音乐的“音乐社交”构想
12. 财会行业男女薪资比例matlab,2004:会计师事务所薪资调查分析报告
13. 中央预算单位银行账户管理系统单机版2021--运行环境配置指南
14. 马科维茨投资组合理论（均方模型）学习笔记——基于Matlab（一）
15. 服务器显示配额不足什么原因,win7系统显示配额不足导致无法访问的解决方法...
16. 微信如何群发消息给好友和群：一键群发
17. 单位强制解除与员工的劳动关系怎么办
18. java mongodb开发_Java 操作 MongoDB
19. How to evaluate and motivate a speech
20. 量子计算与区块链抗量子算法

热门文章

1. 利用独立同分布的中心极限定理生成正态分布的随机数
2. Yii 1.0 数据库操作 增、删、改、查 、对象转数组
3. python——字典
4. Java openjudge javastudy 8
5. cadence版图设计步骤（包括drc和lvs）
6. 无人机远距离WiFi图传应用，CV5200无线WiFi模组，远程实时通信传输方案
7. Backpropagation(反向传播经典解析)
8. 【电驱动】永磁同步电机工作原理及分类
9. CentOS 7 下关闭和开启防火墙
10. 读书笔记 | 张五常 经济解释 （卷三）制度的选择