美文网首页
HTML标签默认样式

HTML标签默认样式

作者: 魅阳 | 来源:发表于2016-12-12 16:43 被阅读0次

Chrome 55

html

font-size: 16px;

body

margin: 8px;

div

ul

list-style-type: disc;
margin: 1em 0; /* html默认字体大小是16px,所以1em = 16px; */
padding-left: 40px;

ol

list-style-type: decimal;
margin: 1em 0;
padding-left: 40px;

dl

margin: 1em 0;

li

dt

dd

margin-left: 40px;

h1

font-size: 2em; /* 32px ,默认字体大小是16px,下同 */
margin: 0.67em 0; /* 21.44px */

h2

font-size: 1.5em; /* 24px */
margin: 0.83em 0; /* 19.92px */

h3

font-size: 1.17em; /* 18.72px */
margin: 1em 0; /* 18.72px */

h4

margin: 1.33em 0; /* 21.28px */

h5

font-size: 0.83em; /* 13.28px */
margin: 1.67em 0; /* 22.187px */

h6

font-size: 0.67em; /* 10.72px */
margin: 2.33em 0; /* 27.96px */

p

margin: 1em 0;

a

color: -webkit-link; /* rgb(0, 0, 238) / #00e */
text-decoration: underline;
cursor: auto;

span

strong, b

 font-weight: bold;

em, i

 font-style: italic;

form

input

border: 2px inset initial;
padding: 1px 0;
font: 13.3333px Arial;

label

select

box-sizing: border-box;
white-space: pre;
font: 13.3333px Arial;
color: #000;
border: 1px solid rgb(169, 169, 169); /* #a9a9a9 */

textarea

padding: 2px;
word-wrap: break-word;
border: 1px solid;

button

padding: 1px 6px;
border: 2px outset buttonface; /* rgb(192,192,192) / #c0c0c0 */
min-height: 1.2em;
white-space: pre;

table

display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: grey; /* rgb(128, 128, 128) / #808080 */

thead

display: table-header-group;
vertical-align: middle;
border-color: inherit;

tbody

display: table-row-group;
vertical-align: middle;
border-color: inherit;

tr

display: table-row;

th

display: table-cell;
font-weight: bold;
text-align: -internal-center;
/* padding: 1px; */

td

display: table-cell;
/* padding: 1px; */

相关文章

  • HTML标签默认样式

    Chrome 55 html body div ul ol dl li dt dd h1 h2 h3 h4 h5 ...

  • html及各浏览器默认样式

    /*html标签默认样式*/ html, address,blockquote,body, dd, div,dl,...

  • html - 标签默认样式初始

    标签的默认样式: 比如ul 的li就默认有·这种样式。 section是html5中新增的,是不兼容ie浏览器的。...

  • html

    选择何种HTML标签取决于标签本身的语义,而不是默认显示出的样式!

  • reset.css和normalize.css分别是做什么的?

    reset.css在HTML标签在浏览器里有默认的样式,例如 p 标签有上下边距,strong标签有字体加粗样式,...

  • reset.css和normalize.css的区别比较

    reset.css 在HTML标签在浏览器里有默认的样式,例如 p 标签有上下边距,strong标签有字体加粗样式...

  • css reset

    什么是css reset HTML标签在浏览器中都有默认的样式,不同的浏览器的默认样式之间存在差别。例如ul默认带...

  • 去掉html标签默认的样式

    前端同鞋在写ui给的页面过程中,有的场景可能会受html标签默认样式影响,所以有些时候需要去掉默认样式

  • HTML常见标签默认样式重置

    完整演示代码

  • CSS Reset

    html标签在不同浏览器中都有不同的默认全局样式设置,CSS Reset清除默认样式: 依据产品整体需求设置。 C...

网友评论

      本文标题:HTML标签默认样式

      本文链接:https://www.haomeiwen.com/subject/dademttx.html