ホームページ > ウェブフロントエンド > htmlチュートリアル > 一般的な Web サイトの CSS スタイルreset_html/css_WEB-ITnose

一般的な Web サイトの CSS スタイルreset_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:36:41
オリジナル
1179 人が閲覧しました

腾讯

1

2

3

4

5

6

7

8

9

body,ol,ul,h 1 ,h 2 ,h 3 , h 4 、h 5 、h 6 、p、th、td、dl、dd、form、fieldset、legend、input、textarea、select{ margin : 0 ;パディング : 0 }

body{ font : 12px "宋体" , "Arial Narrow" ,HELVETICA;背景: #fff ;-webkit-text-size-adjust: 100% }

a{ color : #172c45 ;テキスト装飾 : なし }

a:hover{ color : #cd0200 ; text-decoration : 下線 }

em{ font-style :normal }

li{ list-style : none }

img{ border : 0 ;垂直整列 : 中央 }

table{ ボーダー折りたたみ : 折りたたみ ; border-spacing : 0 }

p{word-wrap:break-word}

百度

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

ボディ、h 1 、h 2 、h 3 、h 4 、h 5 、h 6 、ブロック引用、dl、dt、 dd,ul,ol,li, pre ,form,fieldset,legend,button,input,textarea,th,td{ margin : 0 ;パディング : 0 }

html{ カラー : #000 ;overflow-y: スクロール ; overflow :-moz-scrollbars-vertical}

body,button,input,select,textarea{ font-size : 12px ; font-family : arial , 'Hiragino Sans GB' , 'Microsoft Yahei' , '微软雅黑' , '宋体' , 5 b 8 b 4 f 53 , Tahoma , Arial , Helvetica ,STHeiti}

h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 { フォントサイズ : 100% }

em{ フォントスタイル : 通常 }

small { フォントサイズ : 12px }

ul,ol{ リストスタイル : none }

a{ text-decoration : none }

a:hover{ text-decoration : 下線 }

legend{ color : #000 }

fieldset,img{ border : 0 }

button,input,select ,textarea{ フォントサイズ : 100% }

table{ ボーダー折りたたみ : 折りたたみ ; border-spacing : 0 }

img{-ms-interpolation-mode:bicubic}

textarea{resize:vertical}

。 left { float : left }

. right { float : right }

.overflow{ overflow : hidden }

.非表示 { 表示 : なし }

。ブロック { 表示 : ブロック }

。インライン { 表示 : インライン }

.error{ カラー : #F00 ; font-size : 12px }

label,button{ カーソル : ポインタ }

.clearfix:after{ content : '20' ;表示ブロック ;高さ: 0 ;クリア : 両方 }

.clearfix{ズーム: 1 }.clear{ クリア : 両方 ;高さ: 0 ;行の高さ: 0 ;フォントサイズ: 0 ;可視性: 非表示;オーバーフロー : 非表示 }

.wordwrap{word-break:break-all ;word-wrap:break-word}

pre .wordwrap{ ホワイトスペース :pre-wrap}

body{ text-align : center }

body,form{ 位置 : 相対 }

td{ text-align : left }

img{ border : 0 }

新浪

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

/* 初期化CSS */

html、本文、ul、li、ol、dl、dd、dt、p、h 1 、h 2 、h 3 、h 4 、h 5 、h 6 、フォーム、フィールドセット、凡例、img { margin : 0 ;パディング: 0 ; }

フィールドセット、img { ボーダー : なし ; }

img{ 表示 : ブロック ;}

アドレス、キャプション、引用、コード、dfn、th、var { フォント スタイル : 通常 ;フォントの太さ: 標準; }

ul、ol {リストスタイル:なし; }

input {padding-top : 0 ;パディングボトム: 0 ; font-family : "SimSun" , "宋体" ;}

input::-moz-focus-inner { border : none ;パディング: 0 ; }

select、input {vertical-align : middle ; }

select、input、textarea { font-size : 12px ;マージン: 0 ; }

input[type= "text" ], input[type= "password" ], textarea { アウトラインスタイル : なし ; -webkit の外観: なし ; }

textarea { サイズ変更: なし ; }

table {ボーダー折りたたみ : 折りたたみ ; }

ボディ { カラー : #333 ;パディング: 5px 0 ;フォント : 12px / 20px "SimSun" 、"宋体" 、"Arial Narrow" 、HELVETICA;背景: #fff ; /* overflow-y:scroll;*/ }

.clearfix:after { content : "." ;表示ブロック ;高さ: 0 ;可視性: 非表示;クリア: 両方; }

.clearfix { ズーム: 1 ; }

.clearit {クリア: 両方 ;高さ: 0 ;フォントサイズ: 0 ;オーバーフロー: 非表示; }

a { カラー : #666 ;テキスト装飾: なし ; }

a:訪問済み { カラー : #666 ; }

a:ホバー、a:アクティブ、a:フォーカス { color : #ff8400 ;テキスト装飾 : 下線 ; }

淘宝

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

body、h 1 、 h 2 、 h 3 、 h 4 、 h 5 、 h 6 、 hr、 p、 blockquote、 dl、 dt、 dd、 ul、 ol、 li、 pre 、 フォーム、 フィールドセット、 凡例、ボタン、入力、テキストエリア、th、td { マージン : 0 ;パディング: 0 ; }

ボディ、ボタン、入力、選択、テキストエリア { font : 12px / 1.5 tahoma、arial 、 5 b 8 b 4 f 53 ; }

h 1 、 h 2 、 h 3 、 h 4 、 h 5 、 h 6 { font-size : 100% ; }

アドレス、引用、dfn、em、var { フォントスタイル : 通常 ; }

code 、kbd、pre、samp { font-family :couriernew、courier、monospace ; }

small { font-size : 12px ; }

ul、ol {リストスタイル:なし; }

a { テキスト装飾 : なし ; }

a:hover { テキスト装飾 : 下線 ; }

sup {vertical-align : text-top ; }

sub {vertical-align : text-bottom ; }

凡例 { カラー : #000 ; }

フィールドセット、img { ボーダー : 0 ; }

ボタン、入力、選択、テキストエリア { font-size : 100% ; }

table {ボーダー折りたたみ : 折りたたみ ;境界線の間隔: 0 ; }

ネット易

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

html {overflow-y: スクロール ;}

body { margin : 0 ;パディング: 0 ;フォント : 12px / 1.5 5 b 8 b 4 f 53 、 Arial 、 サンセリフ ; /*background:#ffffff;*/ }

div,dl,dt,dd,ul,ol,li,h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 , pre ,form,fieldset, input,textarea,blockquote,p{ パディング : 0 ; margin : 0 ;}

table,td,tr,th{ font-size : 12px ;}

ol,ul { list-style : none ;}

li{ list-style-type : none ;}

img{ 垂直配置 : トップ ; border : 0 ;}

h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 { font-size :inherit;フォントの太さ : 通常 ;}

アドレス、引用、コード、em、th、i{ フォントの太さ : 通常 ;フォントスタイル : 通常 ;}

.hx a,.hx em,.fB{ フォントの太さ : 太字 ;}

.clearfix{*zoom: 1 ;}

.clearfix:after{ 表示 : ブロック ;オーバーフロー: 非表示;クリア: 両方;高さ: 0 ;可視性: 非表示;コンテンツ : "。" ;}

a { カラー : #252525 ;テキスト装飾: なし ;}

a:visited {テキスト装飾: なし ;}

a:hover { カラー : #ba2636 ;テキスト装飾 : 下線 ;}

a:active { color : #ba2636 ;}

搜狐

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

/* S定义 */

body{ font-family : "5B8B4F53" , "Arial Narrow" 、ヘルベチカ。テキスト整列 : 中央;マージン: 0 自動;パディング: 0 ;背景: #FFF ;フォントサイズ: 12px ;カラー : #333 ;}

ボディ > div{ テキスト整列 : 中央 ;マージン右:自動;マージン左 : 自動 ;}

div,form,ul,ol,li,span,p{ マージン : 0 ;パディング: 0 ;ボーダー : 0 ;}

img,a img{ ボーダー : 0 ;マージン: 0 ;パディング : 0 ;}

h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 {マージン : 0 ;パディング: 0 ;フォントサイズ: 12px ;フォントの太さ : 通常 ;}

ul,ol,li{ リストスタイル : なし }

table,td,input{ フォントサイズ : 12px ;パディング : 0 }

/* 默认链接颜色 */

a{ アウトラインスタイル : none ;カラー:#333;テキスト装飾 : なし }

a:hover{ color : #c00 ; text-decoration : 下線 ;}

/*清除链接虚框*/

/*a,area {blr:expression(this.onFocus=this.blur()) } for IE

:focus {- moz-outline-style: なし; } Firefox の場合

*/

优酷

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

@charset "utf-8" ;

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{ 表示 : ブロック }

audio,canvas,video{ 表示 :inline- ブロック ;* 表示 : インライン ;*ズーム: 1 }

audio:not([controls]){ 表示 : none }

html{-webkit-text-size-adjust: 100% ;-ms-text-size-adjust: 100% }

a:focus{ アウトライン: 細い点線 #333 ;アウトライン : 5px auto -webkit-focus-ring-color;outline-offset: -2px }

a:hover,a:active{ アウトライン : 0 }

Figure{ パディング : 0 ;マージン : 0 }

sub ,sup{ 位置 : 相対 ;フォントサイズ: 75% ;行の高さ: 0 ;垂直整列 : ベースライン }

sup{ 上部 : -0.5em }

sub { 下部 : -0.25em }

img{ 垂直整列 : 中央 ; border : 0 ;-ms-interpolation-mode:bicubic}

button,input,select,textarea{ margin : 0 ;フォントサイズ: 100% ;垂直配置 : 中央 }

button,input{* オーバーフロー : 表示 ;行の高さ : 通常 }

button::-moz-focus-inner,input::-moz-focus-inner{ パディング : 0 ; border : 0 }

button,input[type= "button" ],input[type= "reset" ],input[type= "submit" ]{-webkit-Appearance:button;カーソル : ポインタ }

input[type= "search" ]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-Appearance: textfield}

input[type= "search" ]::-webkit-search-decoration,input[type= "search" ]::-webkit-search-cancel-button{-webkit-Appearance: none }

textarea {オーバーフロー:自動;垂直整列 : トップ }

ol,ul,dl{ リストスタイル : なし }

body,p,ol,ul,dl{ パディング : 0 ; margin : 0 }

a:link,a:visited{ text-decoration : none ; color : #555 }

a:hover{ color : #c31 }

a.ホワイト { カラー : #fff }

a.ブルー { color : #3399e0 }

美团

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

blockquote,body, code ,dd,div,dl,dt,fieldset,form,h 1 ,h 2 ,h 3 ,h 4 、 h5 ,h 6 ,input,legend,li,ol,p, pre ,td,textarea,th,ul{ margin : 0 ;パディング : 0 }

table{ ボーダー折りたたみ : 折りたたみ ; border-spacing : 0 }

fieldset,img{ border : 0 }

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

li{ list-style : none }

caption ,th{ text-align : left }

h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 { font-サイズ : 100% }

q:a​​fter,q:before{ content : '' }

abbr,acronym{ border : 0 ;フォント バリアント : 通常 }

sup{vertical-align : text-top }

sub {vertical-align : text-bottom }

input,select,textarea{ font-family :inherit;フォント サイズ :継承;* フォント サイズ : 100% ; font-weight :inherit}

legend{ color : #333 }html{ background-color : #eee }

body{ font : 400 14px / 1.5 "Hiragino Sans GB" , "WenQuanYi Micro Hei" 、tahoma 、sans-セリフ ;カラー:#666;背景色 : #fff }

a{ color : #2bb8aa ; text-decoration : none }a:hover{ text-decoration : 下線 }

h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 { font-family : "Hiragino Sans GB" , " Microsoft YaHei" 、「WenQuanYi Micro Hei」、エリアル、サンセリフ ; color : #333 ;-webkit-font-smoothing:antialiased}

input[type=password]{ font-family : arial , sans-serif }

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

@charset "utf-8" ;

/* =reset 网页样式重置

html { font-size:1em;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0);-webkit-text-size-adjust:none;overflow:-moz-scrollbars-vertical;/*强制firefox出现滑動条*/ }

body { フォントサイズ : 0.75em ;}

ラベル { カーソル : ポインタ ;}

a:link, a:visited { テキスト装飾 : なし ;}

input:focus { アウトライン : なし ; } }

input,button,select,textarea{ アウトライン : なし ; /*-webkit-Appearance:none;*/ /*强制去除表单自带的样式*/ }

textarea{resize: none ; /*-webkit-Appearance:none;*/ /*强制去除textarea自带的样式*/ }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px White inset ; } /*利用阴影来充填掉input自動充填色*/

textarea,input,select { 背景 : なし ;境界線: なし。マージン: 0 ;パディング: 0 ; }

a、略語、頭字語、アドレス、アプレット、記事、脇、オーディオ、b、ブロッククオート、ビッグ、ボディ、センター、キャンバス、キャプション、引用、コード、コマンド、データリスト、dd、del、詳細、dfn、dl , div, dt, em, embed , fieldset, figcaption, 数字, フォント, フッター, フォーム, h 1 , h 2 , h 3 , h 4 , h 5 , h 6 , header, hgroup, html, i, iframe, img 、ins、kbd、keygen、ラベル、凡例、li、メーター、ナビ、メニュー、オブジェクト、ol、出力、p、pre、進行状況、q、s、サンプル、セクション、小さい、スパン、ソース、ストライク、強い、サブ、sup、テーブル、tbody、tfoot、thead、th、tr、tdvideo、tt、u、ul、var {マージン:0 ;パディング : 0 ;}

記事、サイド、フッター、ヘッダー、hgroup、nav、セクション、図、figcaption { 表示 : ブロック ;} /*html5设置*/

h 1 、 h 2 、 h 3 、 h 4 、 h 5 , h 6 , th, td, table, input, button, select, textarea, sub { font-size : 1em ;}

body, input, button, select, textarea, sub { font-family : Arial , sans -serif ;}

em、cite、address、optgroup { font-style :normal ;}

kbd、samp、code { font-family : monospace ;}

img、input、button、select、textarea {vertical-整列: 中央;アウトライン : なし ;}

ul, ol { リストスタイル : なし ;}

img, fieldset { 境界 : 0 ;}

略語、頭字語 { カーソル : ヘルプ ; border-bottom : 1px 点線黒 ;}

table {幅 : 100% ;境界線の間隔: 0 ;ボーダー : 0 ;}

テーブル th、テーブル td { ボーダー : 0 ;}

凡例、hr { オーバーフロー : 非表示 ;位置: 絶対;トップ : 0 ;左 : 0 ;}

凡例、時間、キャプション { 可視性 : 非表示 ;フォントサイズ: 0 ;幅: 0 ;高さ: 0 ;行の高さ: 0 ;}


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

html{ 高さ : 100 % ;-webkit-text-size-adjust: 100% ;-ms-text-size-adjust: 100% ;-webkit-font-smoothing:antialiased;}

body{ margin : 0 ;パディング: 0 ;背景色: #fff ;最小高さ: 100% ;高さ: 自動!重要;高さ: 100% ;テキスト整列 : 中央;色: #404040 ; font : 12px / 1.5 Helvetica , arial ;}

h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 ,p,figure,form{ margin : 0 ;}

table{ border-collapse : Collapse ;ボーダー間隔 : 0 ;}

img{ ボーダー : 0 ;垂直整列 : 中央;-ms-補間モード: バイキュービック;}

a{ テキスト装飾 : なし ;カラー : #29B4F0 ;}

a:focus { 輪郭 : 細い点線 ;}

a:hover{ カラー : #017CB9 ; text-decoration : 下線 ;}

/* hn */

h 1 { font-size : 16px ;行の高さ : 36px ;}

h 2 { font-size : 14px ; line-height : 30px ;}

h 3 { line-height : 24px ;}

h 3 ,h 4 ,h 5 ,h 6 { font-size : 12px ;}

/* ul ol dl */

ul,li,ol{ マージン : 0 ;パディング: 0 ; list-style : none 外側 none ;}

ul.has-style li,ol li{ margin-left : 25px ;}

ul.has-style li{ list-style : disc ;}

ol li{ list -style : 10 進数 ;}

ul.inline-style li{ float : left ;表示 : インライン ;}

dl{ margin-bottom : 18px ;}

dt{ font-weight : 太字 ;}

dd{ margin : 0 0 0 9px ;パディング : 0 ;}

svg:not(:root) { オーバーフロー : 非表示 ;}

/* clearfix */

.clearfix:before, .clearfix:after { content : "" ;表示 :table;}

.clearfix:after{ クリア : 両方 ;オーバーフロー : 非表示 ;}

.clearfix{zoom: 1 ;}



来自為知笔记(ウィズ)



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