ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSのベースコードbase.cssの内容について

CSSのベースコードbase.cssの内容について

不言
リリース: 2018-06-14 10:31:16
オリジナル
2163 人が閲覧しました

base.css は、名前が示すように、基本コードを意味します。これは主に 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

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

/***** css set*****/ 

body, p, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} 

table{border-collapse:collapse;border-spacing:0;} 

fieldset,img {border:0;} 

address,caption, cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} 

ol,ul {list-style:none;} 

capation,th{text-align:left;} 

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

q:before, q:after{content:' '

abbr,acronym{border:0;} 

/*****文字排版******/ 

.f12{font-size:12px;} 

.f13{font-size:13px;} 

.f14{font-size:14px;} 

.f16{font-size:16px;} 

.f20{font-size:20px;} 

.fb{font-weight:bold;} 

.fn{font-weight:normal;} 

.t2{text-indent:2em;} 

.lh150{line-height:150%} 

.lh180{line-height:180%} 

.lh200{line-height:200%} 

.unl{text-decoration:underline;} 

.no_unl{text-decoration:none;} 

/****定位****/ 

.tl{text-align:left;} 

.tc{text-align:center;} 

.tr{text-align:right;} 

.bc{margin-left:auto;margin-right:auto;} 

.fl{float:left;display:inline;} 

.fr{float:right;display:inline;} 

.cb{clear:both;} 

.cl{clear:left;} 

.cr{clear:right;} 

.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden} 

.clearfix{display:inline-block;} 

*html .clearfix{height:1%} 

. Clearfix{display:block;} 

.vm{vertical-align:center;} 

.pr{position:relative;} 

.pa{position:absolute;} 

.abs-right{position:absolute;right:0;} 

.zoom{zoom:1} 

.hidden{visibility:hidden;} 

.none{display:none;} 

/******长度 高度*******/ 

.w10{width:10px;} 

.w20{width:20px;} 

.w30{width:30px;} 

.w40{width:40px;} 

.w50{width:50px;} 

.w60{width:60px;} 

.w70{width:70px;} 

.w80{width:80px;} 

.w90{width:90px;} 

.w100{width:100px;} 

.w200{width:200px;} 

.w300{width:300px;} 

.w400{width:400px;} 

.w500{width:500px;} 

.w600{width:600px;} 

.w700{width:700px;} 

.w800{width:800px;} 

.w{width:100%} 

.h50{height:50px;} 

.h80{height:80px;} 

.h100{height:100px;} 

.h200{height:200px;} 

.h{height:100%} 

/******边距*******/ 

.m10{margin:10px;} 

.m15{margin:15px;} 

.m30{margin:30px;} 

.mt5{margin-top:5px;} 

.mt10{margin-top:10px;} 

.mt15{margin-top:15px;} 

.mt20{margin-top:20px;} 

.mt30{margin-top:30px;} 

.mt50{margin-top:50px;} 

.mt100{margin-top:100px;} 

.mb5{margin-bottom:5px;} 

.mb10{margin-bottom:10px;} 

.mb15{margin-bottom:15px;} 

.mb20{margin-bottom:20px;} 

.mb30{margin-bottom:30px;} 

.mb50{margin-bottom:50px;} 

.mb100{margin-bottom:100px;} 

.ml5{margin-left:5px;} 

.ml10{margin-left:10px;} 

.ml15{margin-left:15px;} 

.ml20{margin-left:20px;} 

.ml30{margin-left:30px;} 

.ml50{margin-left:50px;} 

.ml100{margin-left:100px;} 

.mr5{margin-right:5px;} 

.mr10{margin-right:10px;} 

.mr15{margin-right:15px;} 

.mr20{margin-right:20px;} 

.mr30{margin-right:30px;} 

.mr50{margin-right:50px;} 

.mr100{margin-right:100px;} 

.p10{padding:10px;} 

.p15{padding:15px;} 

.p30{padding:30px;} 

.pt5{padding-top:5px;} 

.pt10{padding-top:10px;} 

.pt15{padding-top:15px;} 

.pt20{padding-top:20px;} 

.pt30{padding-top:30px;} 

.pt50{padding-top:50px;} 

.pt100{padding-top:100px;} 

.pb5{padding-bottom:5px;} 

.pb10{padding-bottom:10px;} 

.pb15{padding-bottom:15px;} 

.pb20{padding-bottom:20px;} 

.pb30{padding-bottom:30px;} 

.pb50{padding-bottom:50px;} 

.pb100{padding-bottom:100px;} 

.pl5{padding-left:5px;} 

.pl10{padding-left:10px;} 

.pl15{padding-left:15px;} 

.pl20{padding-left:20px;} 

.pl30{padding-left:30px;} 

.pl50{padding-left:50px;} 

.pl100{padding-left:100px;} 

.pr5{padding-right:5px;} 

.pr10{padding-right:10px;} 

.pr15{padding-right:15px;} 

.pr20{padding-right:20px;} 

.pr30{padding-right:30px;} 

.pr50{padding-right:50px;} 

.pr100{padding-right:100px;}

ログイン後にコピー

以上がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

CSS スタイルでの大なり記号の使用と CSS での継承メソッドについて

以上がCSSのベースコードbase.cssの内容についての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート