背景属性(background)
background :color image repeat attachment position background-attachment:scroll fixed
background-color: color-rgb color-hex color-name transparent background-image:url none
background-position:topleft topcenter topright centerleft
centercenter centerright bottomleft bottomcenter bottomright x% y% x-px y-px
background-repeat:repeat repeat-x repeat-y no-repeat
CSS 定位属性 (Positioning)
position: static relative absolute fixed float left right none
clear: left right both none clip shape auto
overflow visible hidden scroll auto display: none inline block
list-item run-in compact marker table inline-table table-row-group table-header-group table-footer-group table-row table-column-group table-column table-cell table-caption
top auto % length right auto % length left auto % length bottom auto % length
vertical-align baseline sub super top text-top middle bottom text-bottom length %
visibility : visible hidden collapse
cursor url auto crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize text wait help z-index auto number
表格属性
border-collapse: separate collapse inherit
border-spacing: length length (仅用于 \"separated borders\" 模型) caption-side: empty-cells: table-layout:
top bottom inherit
Hide show inherit (仅用于 \"separated borders\" 模型) automatic fixed inherit
CSS 文本属性
color :color direction:ltr rtl
letter-spacing:normal length
text-align:left right center justify
text-decoration:none underline overline line-through blink text-indent:length %
text-shadow :none color length
text-transform:none capitalize uppercase lowercase unicode-bidi: normal embed bidi- override white-space: normal pre nowrap word-spacing:normal length
line-height normal number length %
CSS 字体属性 (font)
font:style variant weight size / line-height font-family
caption icon menu message-box small-caption status-bar
font-family: family-name font-size:length %
xx-small x-small small medium large x-large xx-large smaller larger
font-size-adjust:none number
font-stretch:normal wider narrower
ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded
font-style :normal italic oblique font-variant: normal small-caps
font-weight:normal bold bolder lighter
100 200 300 400 500 600 700 800 900
CSS 列表属性 (list)
list-style:type position image list-style-image:none url
list-style-position:inside outside
list-style-type:none disc circle square
decimal decimal-leading-zero lower-roman upper-roman lower-alpha
upper-alpha lower-greek lower-latin upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha marker-offset:auto length
外边距属性 (margin)
margin: top right bottom left margin-bottom: auto length % margin-left: auto length % margin-right: auto length % margin-top: auto length %
边框属性 (border)
border:border-width border-style border-color
border-top:border-left border-bottom border-right border-color:color
border-style:none hidden dotted dashed solid double
groove ridge inset outset
border-width:thin medium thick length
轮廓(outline)
outline:outline-color outline-style outline-width outline-color:color invert
outline-style:none dotted dashed solid double
groove ridge inset outset outline-width:thin medium thick length
内边距属性 (padding)
padding:top right bottom left padding-bottom: length % 。 padding-left: length % padding-right: length % padding-top: length %
内容生成
content :
String url
counter(name) counter(name, list-style-type) counters(name, string)
counters(name, string, list-style-type) attr(X)
open-quote close-quote no-open-quote no-close-quote
counter-increment:none identifier number counter-reset:none identifier number quotes:nonestring string
CSS 尺寸属性 (Dimension)
height auto length % max-height none length % max-width none length % min-height length % min-width length %
width auto % length
CSS 伪类
:link:visited
未被访问 被访问过 悬浮
:hover:focus:lang
:active
激活 。 被选中
:first-child
个子元素。
指定的元素中使用的语言。
CSS 伪元素
:first-letter:first-line:before
首字母 首行
内容之前插入内容。 内容之后插入内容。
:after
CSS3新属性
border-image: border-radius: box-shadow: background-size: background-origin: background-clip: word-break: word-wrap:
hanging-punctuation: punctuation-trim: text-align-last: text-emphasis: text-justify: text-outline: text-overflow: text-shadow: text-wrap:
@font-face:
2D /3D转换属性:transform transform-origin transform-style perspective
perspective-origin backface-visibility
2D Transform 方法: matrix(n,n,n,n,n,n) translate(x,y) translateX(n) translateY(n)
scale(x,y) scaleX(n) scaleY(n) rotate(angle) skew(x-angle,y-angle) skewX(angle) skewY(angle) 3D Transform 方法: matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) translate3d(x,y,z) translateX(x) translateY(y) translateZ(z) scale3d(x,y,z) scaleX(x) scaleY(y) scaleZ(z)
rotate3d(x,y,z,angle) rotateX(angle) rotateY(angle) rotateZ(angle) perspective(n)
过渡属性: transition transition-property transition-duration transition-timing-function
transition-delay
动画属性: @keyframes animation animation-name animation-duration
animation-timing-function animation-delay animation-iteration-count animation-direction animation-play-state
多列:column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns 用户界面: appearance box-sizing icon nav-down nav-index nav-left nav-right nav-up outline-offset resize