base.css樣式重置

@charset "utf-8";
/* css初始化 /
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,textarea,th,td {
margin: 0;
padding: 0;
}
body {
/
字體、顏色、背景色/
font-size: 12px;
font-family: "Microsoft Yahei", sans-serif, "\5FAE\8F6F\96C5\9ED1";
color: #ccc;
background: #fff
}
table {
/
邊框合并/
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img,input,button {
/
去掉input等聚焦時的藍(lán)色邊框/
border: none;
padding: 0;
margin: 0;
outline-style: none;
}
img {
/
去掉圖片低測默認(rèn)的3像素空白縫隙,或者用display:block也可以/
border: 0;
vertical-align: middle;
}
ul,ol {
/
清除列表風(fēng)格/
list-style: none;
}
input {
padding-top: 0;
padding-bottom: 0;
font-family: "SimSun", "宋體";
}
select,input {
vertical-align: middle;
}
select,input,textarea {
font-size: 12px;
margin: 0;
}
textarea {
/
邊框清零 /
border: none;
/
輪廓線清零 /
outline: none;
/
防止文本域被隨意拖拽 */
resize: none;
}

/* html,body {
width: 100%;
height: 100%;
font-size: 100px!important;
} */

a,a:active,a:visited {
/下劃線和顏色/
text-decoration: none;
color: #ccc;
}
a:hover {
color: #333;
}
s,i,em {
/文字樣式/
font-style: normal;
text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
/* 設(shè)置h標(biāo)簽的大小,設(shè)置跟父親一樣大的字體font-size:100% /
font-size: 100%;
font-weight: normal;
text-decoration: none;
}
/
使用偽元素清除浮動 */
.clearfix::before,
.clearfix::after {
content: "";
height: 0;
line-height: 0;
display: block;
visibility: none;
clear: both;
}
.clearfix {
*zoom: 1;
}

/* 公共類 */
.w { width: 1210px;margin: 0 auto; }
.fl { float: left; }
.fr { float: right;}
.al { text-align: left;}
.ac { text-align: center;}
.ar { text-align: right;}
.hide { display: none;}
.font12 { font-size: 12px;}
.font14 { font-size: 14px;}
.font16 { font-size: 16px;}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 14,162評論 1 92
  • 深入理解傅里葉變換Mar 12, 2017 這原本是我在知乎上對傅立葉變換、拉普拉斯變換、Z變換的聯(lián)系?為什么要進...
    價值趨勢技術(shù)派閱讀 5,940評論 2 2
  • 1、垂直對齊 如果你用CSS,則你會有困惑:我該怎么垂直對齊容器中的元素?現(xiàn)在,利用CSS3的Transform,...
    kiddings閱讀 3,299評論 0 11
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,824評論 1 45
  • 1 不要出言不遜 今早迷迷糊糊進入了公司食堂,等餐的時候突然聽到一個男人大吼,為什么你們的豆?jié){里會有油,給我重新拿...
    Miss水兒閱讀 1,784評論 14 51

友情鏈接更多精彩內(nèi)容