Rumah > hujung hadapan web > tutorial css > 详解CSS样式要全局定义的内容

详解CSS样式要全局定义的内容

高洛峰
Lepaskan: 2017-03-27 17:34:38
asal
1849 orang telah melayarinya

这篇文章主要为大家详解CSS样式要全局定义的内容的相关资料,需要的朋友可以参考下

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

/** 清除内外边距 **/

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */

dl, dt, dd, ul, ol, li, /* list elements 列表元素 */

pre, /* text formatting elements 文本格式元素 */

form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */

th, td /* table elements 表格元素 */{

    margin:0;

    padding:0;

}

 

/** 设置默认字体 **/

body,

button, input, select, textarea /* for ie */{

    font:12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;

}

h1, h2, h3, h4, h5, h6{ font-size:100%;}

address, cite, dfn, em, var{ font-style:normal;} /* 将斜体扶正 */

code, kbd, pre, samp{ font-family:courier new, courier, monospace;} /* 统一等宽字体 */

small{ font-size:12px;} /* 小于 12px 的中文很难阅读,让 small 正常化 */

 

/** 重置列表元素 **/

ul, ol{ list-style:none;}

 

/** 重置文本格式元素 **/

a{ color:#656D77;}

a:hover{ color:#333; text-decoration:underline;}

a:visited{ color:#656D77;}

 

sup{ vertical-align:text-top;} /* 重置,减少对行高的影响 */

sub{ vertical-align:text-bottom;}

 

/** 重置表单元素 **/

legend{ color:#000;} /* for ie6 */

fieldset, img{ border:0;} /* img 搭车:让链接里的 img 无边框 */

button, input, select, textarea{ font-size:100%;} /* 使得表单元素在 ie 下能继承字体大小 */

 

div{ overflow:hidden;}

Salin selepas log masuk

Atas ialah kandungan terperinci 详解CSS样式要全局定义的内容. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan