HTML标签默认样式

2016-12-12  本文已影响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; */
上一篇 下一篇

猜你喜欢

热点阅读