首頁 > web前端 > css教學 > 引用公共CSS檔案-base.css

引用公共CSS檔案-base.css

高洛峰
發布: 2016-11-24 14:39:43
原創
1519 人瀏覽過

引用公共CSS檔案-base.css

@charset "utf-8";
/* 基礎CSS 文件*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3 ,h4,h5,h6,前,表單,字段集,輸入,文字區域,p,區塊引用,th,td{ 邊距:0;填充:0;}
表格{邊框折疊:折疊; border-spacing: 0;}
fieldset,img{ border:0;}
地址,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:400;}
ol,ul{ list-style:none;}
title,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ 字體大小:100% ; font-weight:400;}
q:before, a:after{ content:'';}
abbr,acronym{ border:0;}

/* 文字排版*/
.f12{ font-size:12px; }
.f13{ 字體大小:13px;}
.f14{ 字體大小:14px;}
.f16{ 字體大小:16px;}
.f20{ 字體大小:20px;}
.fb { 字型-weight:700;}
.fn { font-weight:400; }
.t2 { 文字縮排:2em;}
.lh150 { 行高:150%;}
.lh180 { 行高:180% ;}
.lh200 { 行高:200%;裝飾:底線;}
.no_unl{ 文字裝飾:無;}

/* 定位*/
.tl{ 文字對齊:左;}
.tc{ 文字對齊:中心;}
.tr{ 文字對齊: ;}
.bc{ 左邊距:自動; margin-right:auto;}
.fl{ float:left;顯示:內聯;}
.fr{ float:right;顯示:內聯;}
.cb{清除:兩者;}
.cl{ 清除:左;}
.cr{ 清除:右;}
.clearfix:after{ 內容:".";顯示:塊;高度:0;明確:兩者;可見性:隱藏;}
.clearfix{ 顯示:內聯塊;}
*html .clearfix{ 高度:1%;}
.clearfix{ 顯示:塊;}
.vm{ 垂直對齊:中間;}
. pr { 位置:相對;}
.pa{ 位置:絕對;}
.abs-right{ 位置:絕對; right:0;}
.zoom{ Zoom:1;}
.hidden{ 可見性:hidden;}
.none{ display:none;}

/* 長度高度*/
.w10{ width:10px;}
.w20{ 寬度:20px;}
.w30{ 寬度:30px; ;}
.w50{ 寬度:50px;}
.w60{ 寬度:60px;}
.w70{ 寬度: 70px;}
.w80{ 寬度:80px;}
.w90 { 寬度:100px;}
.w200{ 寬度:200px;}
.w250{ 寬度:250px;}
. w300{ 寬度:300px;}
.w400{ 寬度:4000x; }
.w600{ 寬度:600px;}
.w700{ 寬度:700px;}
.w800{ 寬度:800px ;}
.w{ 寬度:100%;}
}; { 高度:80px;}
.h100{ 高度:100px;}
.h200{ 高度:200px;}
. h{ 高度:100%;}

/* 邊距*/10 邊距. ;}
.m15{ 邊距:15px;}
.m30{ 邊距:30px;}
.mt5{ 邊距-頂部:5px;}
.mt10{ 邊距頂部:10px;}
.155距頂部:15px;}
.mt20{ 邊距頂部:20px;}
.mt30{ 邊距頂部:30px;}
. mt50{ 邊距頂部:50px;}
.mt100{ 邊距頂部:10000px;}
.mt100{px};
.mb5{ 邊距底部:5px;}
.mb10{ 邊距底部:10px;}
.mb15{ 邊距底部: 15px;}
.mb20{ 邊距底部:20px; 15px;}
.mb20{ 邊距底部:20px;;底部:30px;}
.mb50{ 邊距底部:50px;}
.mb100{ 邊距底部:100px;}
.ml5 { margin-left:5px;}
.10{ marp-left:100 .ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px ;}
.ml50{ 左邊距:50px;; ;}
.mr5{ 右邊距:5px;}
.mr10{ 右邊距:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
. 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:20p}; padding-top:30px;}
.pt50{ padding-top:50px;}
.pt100{ 填充-頂部:100px;}
.pb5{ 填充底部:5px;}
.pbb10{ 填充:10px; .pb15{ 填充底部:15px;}
.pb20{ 填充底部:20px;}
.pb30{ padding-bottom:30px;}
.pb50{ padding-bottom:50px; ;}
.pl5{ padding-left:5px;}
.pl10{ padding-left :10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-lepadding-left:15px;}
.pl20{ padding-left:20dm; padding-left:30px;}
.pl50{ padding-left:50px;}
. pl100{ padding-left:100px;}
.pr5{ padding-right:5px;}
.10:10 }
.pr15{ padding-right:15px;}
.pr20{ padding-right: 20px;}
.pr30{ padding-right:30px;}
.pr50{ padding-right:50px}; -right:100px;}




相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板