ホームページ > ウェブフロントエンド > CSSチュートリアル > パブリック CSS ファイル (base.css) を参照します。

パブリック CSS ファイル (base.css) を参照します。

高洛峰
リリース: 2016-11-24 14:39:43
オリジナル
1502 人が閲覧しました

参照パブリック CSS 文件-base.css

@charset "utf-8";
/* ベース CSS ドキュメント */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3 ,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0;パディング: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:400;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100% ; font-weight:400;}
q:before,a: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:700;}
.fn { font-weight:400;}
.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;表示:インライン;}
.fr{ フロート:右;ディスプレイ:インライン;}
.cb{ クリア:両方;}
.cl{ クリア:左;}
.cr{ クリア:右;}
.clearfix:after{ content:".";表示ブロック;高さ:0;クリア:両方;可視性:非表示;}
.clearfix{ 表示:インラインブロック;}
*html .clearfix{ 高さ:1%;}
.clearfix{ 表示:ブロック;}
.vm{ 垂直整列:ミドル;}
。 pr{ 位置:相対;}
.pa{ 位置:絶対;}
.abs-right{ 位置:絶対; right:0;}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.none{display:none;}

/* 长度高 */
.w10{ width:10px;}
.w20{ 幅:20px;}
.w30{ 幅:30px;}
.w40{ 幅:40px;}
.w50{ 幅:50px;}
.w60{ 幅:60px;}
.w70{ 幅: 70px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w100{ width:100px;}
.w200{ width:200px;}
.w250{ width:250px;}
. w300{ 幅:300px;}
.w400{ 幅:400px;}
.w500{ 幅:500px;}
.w600{ 幅:600px;}
.w700{ 幅:700px;}
.w800{ 幅:800px ;}
.w{ 幅:100%;}
.h50{ 高さ:50px;}
.h80{ 高さ:80px;}
.h100{ 高さ:100px;}
.h200{ 高さ: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{ パディング:10px;}
.p15{ パディング:15px;}
.p30{ パディング:30px;}
.pt5{ パディング-トップ:5px;}
.pt10{ パディング-トップ: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;}


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