关注前端开发
关注用户体验

HTML默认样式表CSS属性

开始的时候 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了。以前一直在找这份 文档,今天偶然在w3上看到了。除了inline和block的定义,主要是要注意body|h1~h6|blockquote|menu|ul|ol|dd等标签的默认样式(margin和font-size)。这个东 西在你需要还原默认值的时候,比较有用。 详见下面的内容:

html,address,blockquote,body,dd,div,dl,dt,fieldset,form,frame,frameset,h1,h2,h3,h4,h5,h6,noframes,ol,p,ul,center,dir,hr,menu,pre{display:block}
li{display:list-item}
head{display:none}
table{display:table}
tr{display:table-row}
thead{display:table-header-group}
tbody{display:table-row-group}
tfoot{display:table-footer-group}
col{display:table-column}
colgroup{display:table-column-group}
td,th{display:table-cell;}
caption{display:table-caption}
th{font-weight:bolder; text-align:center}
caption{text-align:center}
body{margin:8px; line-height:1.12}
h1{font-size:2em; margin:.67em 0}
h2{font-size:1.5em; margin:.75em 0}
h3{font-size:1.17em; margin:.83em 0}
h4,p,blockquote,ul,fieldset,form,ol,dl,dir,menu{margin:1.12em 0}

h5{font-size:.83em; margin:1.5em 0}
h6{font-size:.75em; margin:1.67em 0}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:bolder}
blockquote{margin-left:40px; margin-right:40px}
i,cite,em,var,address{font-style:italic}
pre,tt,code,kbd,samp{font-family:monospace}
pre{white-space:pre}
button,textarea,input,object,select{display:inline-block;}
big{font-size:1.17em}
small,sub,sup{font-size:.83em}
sub{vertical-align:sub}
sup{vertical-align:super}
table{border-spacing:2px;}
thead,tbody,tfoot{vertical-align:middle}
td,th{vertical-align:inherit}
s,strike,del{text-decoration:line-through}
hr{border:1px inset}
ol,ul,dir,menu,dd{margin-left:40px}
ol{list-style-type:decimal}
ol ul,ul ol,ul ul,ol ol{margin-top:0; margin-bottom:0}
u,ins{text-decoration:underline}
br:before{content:”\A”}
:before,:after{white-space:pre-line}

center{text-align:center}
abbr,acronym{font-variant:small-caps; letter-spacing:0.1em}
:link,:visited{text-decoration:underline}
:focus{outline:thin dotted invert}

@media print{
h1{page-break-before:always}
h1,h2,h3,
h4,h5,h6{page-break-after:avoid}
ul,ol,dl{page-break-before:avoid}

赞(0)
未经允许不得转载:大前端 » HTML默认样式表CSS属性
分享到: 更多 (0)

评论 11

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #11

    some hair straighteners that use chemicals are very harsh to the hair, that is why you should be careful with those::

  2. #10

    Thanks for this web site post and discussing your own results with us. Very well executed! I think a lot of people battle to understand paying attention to a lot of controversial things in connection with this topic, but your own results talk for themselves. I think a number of additional takeaways are the importance of following each of the suggestions you presented in this article and being ready to be ultra specific about which one might really work for you greatest. Nice job.

    Nilda Drobot1周前 (05-15)回复
  3. #9

    Nice weblog here! after reading, i decide to buy a sleeping bag ASAP

    Nonton Anime2周前 (05-10)回复
  4. #8

    Oh i really envy the way you post topics, how i wish i could write like that..;.’,

    cat care2周前 (05-08)回复
  5. #7

    It’s a really amazing powerful resource that you’re offering and you simply provide it away cost-free!! I that can compare with discovering websites which are aware of the particular in providing you with fantastic learning resource for zero cost. We truly dearly loved examining this article. Love!

    Mozell Bornstein2个月前 (04-09)回复
  6. #6

    Howdy, I do think your blog could be having internet browser compatibility problems. When I look at your web site in Safari, it looks fine however when opening in IE, it’s got some overlapping issues. I merely wanted to provide you with a quick heads up! Besides that, great site!

    DMC52个月前 (03-31)回复
  7. #5

    You need to be a part of a contest for starters of the finest blogs on the web. Let me suggest this page!

    my singing monsters2个月前 (03-28)回复
  8. #4

    Thanks for this post, I am a big fan of this website would like to go on updated.

    Kirk Foglio3个月前 (03-11)回复
  9. #3

    感觉有问题,form的默认margin-top好像是0em

    Douflamingo2年前 (2017-08-21)回复
  10. #2

    @haha:各取所需嘛 呵呵

    浩子9年前 (2010-05-07)回复
  11. #1

    这个貌似简单了点

    haha9年前 (2010-05-07)回复

themebetter 国内更好的WordPress主题服务商

立即前往