CSS中的标准值是什么？ [复制]

Question

我在浏览 CSS 文件时发现了很多“height:auto;”，我有点，嘿……等一下，我真的必须将高度声明为 auto 吗？这已经设置为默认了吗？

height:auto;

如果有，是否有完整的 html5 中所有默认值列表？

Answer 1

这是您要搜索的内容吗？ :)

; Sources:
;     http://reference.sitepoint.com/css
;     http://developer.mozilla.org/en/CSS

animation                  = "none"
animation-delay            = "0"
animation-direction        = "normal"
animation-duration         = "0"
animation-fill-mode        = "none"
animation-iteration-count  = "1"
animation-name             = "none"
animation-play-state       = "running"
animation-timing-function  = "ease"
backface-visibility        = "visible"
background                 = "0"
background-attachment      = "scroll"
background-clip            = "border-box"
background-color           = "transparent"
background-image           = "none"
background-origin          = "padding-box"
background-position        = "0 0"
background-position-x      = "0"
background-position-y      = "0"
background-repeat          = "repeat"
background-size            = "auto auto"
border                     = "0"
border-style               = "none"
border-width               = "medium"
border-color               = "inherit"
border-bottom              = "0"
border-bottom-color        = "inherit"
border-bottom-left-radius  = "0"
border-bottom-right-radius = "0"
border-bottom-style        = "none"
border-bottom-width        = "medium"
border-collapse            = "separate"
border-image               = "none"
border-left                = "0"
border-left-color          = "inherit"
border-left-style          = "none"
border-left-width          = "medium"
border-radius              = "0"
border-right               = "0"
border-right-color         = "inherit"
border-right-style         = "none"
border-right-width         = "medium"
border-spacing             = "0"
border-top                 = "0"
border-top-color           = "inherit"
border-top-left-radius     = "0"
border-top-right-radius    = "0"
border-top-style           = "none"
border-top-width           = "medium"
bottom                     = "auto"
box-shadow                 = "none"
box-sizing                 = "content-box"
caption-side               = "top"
clear                      = "none"
clip                       = "auto"
color                      = "inherit"
columns                    = "auto"
column-count               = "auto"
column-fill                = "balance"
column-gap                 = "normal"
column-rule                = "medium none currentColor"
column-rule-color          = "currentColor"
column-rule-style          = "none"
column-rule-width          = "none"
column-span                = "1"
column-width               = "auto"
content                    = "normal"
counter-increment          = "none"
counter-reset              = "none"
cursor                     = "auto"
direction                  = "ltr"
display                    = "inline"
empty-cells                = "show"
float                      = "none"
font                       = "normal"
font-family                = "inherit"
font-size                  = "medium"
font-style                 = "normal"
font-variant               = "normal"
font-weight                = "normal"
height                     = "auto"
hyphens                    = "none"
left                       = "auto"
letter-spacing             = "normal"
line-height                = "normal"
list-style                 = "none"
list-style-image           = "none"
list-style-position        = "outside"
list-style-type            = "disc"
margin                     = "0"
margin-bottom              = "0"
margin-left                = "0"
margin-right               = "0"
margin-top                 = "0"
max-height                 = "none"
max-width                  = "none"
min-height                 = "0"
min-width                  = "0"
opacity                    = "1"
orphans                    = "0"
outline                    = "0"
outline-color              = "invert"
outline-style              = "none"
outline-width              = "medium"
overflow                   = "visible"
overflow-x                 = "visible"
overflow-y                 = "visible"
padding                    = "0"
padding-bottom             = "0"
padding-left               = "0"
padding-right              = "0"
padding-top                = "0"
page-break-after           = "auto"
page-break-before          = "auto"
page-break-inside          = "auto"
perspective                = "none"
perspective-origin         = "50% 50%"
position                   = "static"
; May need to alter quotes for different locales (e.g fr)
quotes                     = "'\201C' '\201D' '\2018' '\2019'"
right                      = "auto"
tab-size                   = "8"
table-layout               = "auto"
text-align                 = "inherit"
text-align-last            = "auto"
text-decoration            = "none"
text-decoration-color      = "inherit"
text-decoration-line       = "none"
text-decoration-style      = "solid"
text-indent                = "0"
text-shadow                = "none"
text-transform             = "none"
top                        = "auto"
transform                  = "none"
transform-style            = "flat"
transition                 = "none"
transition-delay           = "0s"
transition-duration        = "0s"
transition-property        = "none"
transition-timing-function = "ease"
unicode-bidi               = "normal"
vertical-align             = "baseline"
visibility                 = "visible"
white-space                = "normal"
widows                     = "0"
width                      = "auto"
word-spacing               = "normal"
z-index                    = "auto"

Answer 2

你有this for Firefox

And this for Chrome

W3C also have a recommended style set for HTML4

你可能想look here for a list of default styles IE

您始终可以使用诸如FireBug 或Chrome's Developer Tools 之类的调试工具来检查元素以确定其继承、提供和计算的样式。或者考虑使用CSS reset，这样您就知道您正在与公平竞争环境中的所有浏览器打交道。

我很想在这篇文章中包含这些规则，但不幸的是它们超过了 SO 答案的 30k 字符限制。