ホームページ > ウェブフロントエンド > htmlチュートリアル > css_html/css_WEB-ITnoseに関する雑記

css_html/css_WEB-ITnoseに関する雑記

WBOY
リリース: 2016-06-21 09:11:38
オリジナル
1430 人が閲覧しました

@charset "utf-8";

/*

*2015/6/17にlhによって作成されました。

*共通の基本スタイルの書き方

*/

/*デフォルトのスタイル開始*/

html, body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,cite,em,img,strong,b,i,dl,dt,dd,ol,ul,li,

form,label,table,tbody,tfoot,thead,tr,th,td,canvas,embed,footer,header,menu,nav,time,audio,video{

margin:0;padding:0;list-スタイル: なし;

}

body{

font-family: "Helvetica Neue"、Helvetica、Arial、サンセリフ;

font-size: 14px;

}

a{text-decoration: none ;}

img{border: none;}

label,

select,

button,

input[type="button"],

input[type="reset"],

input[type ="submit"],

input[type="radio"],

input[type="checkbox"] {

cursor: pointer;

}

/*デフォルトスタイルの終了*/

/*テキスト非表示クラスの実装 */

.hide_font{

display:block;

font-size:0;

line-height:0;

text-indent:-9999px;

}


/*浮動クラスをクリア*/

.clear{

padding: 0;margin: 0;

height:0;

clear:both;

}


/*IE互換コードが利用可能 共通Daoyun Notes で三角形を作成するための基本スタイル クラス*/

.all_triangle{

/*border-color: 透明 透明 赤 透明;*/

/*border-width: 0 20px 20px 20px;*/

border- style: Solid;

font-size: 0;

line-height: 0;

width: 0;

height: 0;

/*_border-left-color:white /上と下を表示するときに使用します。下の三角形 左右の三角形を左右に表示する場合、以下のコードでは左から右を上に変更する tom/*/

/*_border-right-color:white;*/

/*_filter:chroma ( color =white);*/

) レベルタグはブロックレベルの要素 div */

.clear_space{

font-size: 0;

}

.clear_space>div{vertical-align:middle ;}

/*非表示の場合、ie7 では無効なクラス*/

.font_center {

v

: 非表示;

位置: 関連:

}}

/*浮動クラス* /

. iGHT;}

/*インデントされたタイトルクラス*/

.title{

パディング:0 5%;

幅: 90%;

高さ: 30px;


}

/*ボーダーと角丸スタイル*/

.border_radius{


border: 1px Solid #f4f4f4;

border-radius: 5px;

}

/*固有のスタイルを削除からのクラスtable*/

.table_innate_style{

border-spacing: 0;


border-collapse:collapse;

}

/*ラベルフォントのデフォルトスタイルクラスの削除について*/

.font_default{

フォント スタイル: 通常;

フォントの太さ: 通常;

}

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