CSS中怎么配置Normalize文件,很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。
成都創(chuàng)新互聯(lián)公司企業(yè)建站,十多年網(wǎng)站建設(shè)經(jīng)驗,專注于網(wǎng)站建設(shè)技術(shù),精于網(wǎng)頁設(shè)計,有多年建站和網(wǎng)站代運營經(jīng)驗,設(shè)計師為客戶打造網(wǎng)絡(luò)企業(yè)風(fēng)格,提供周到的建站售前咨詢和貼心的售后服務(wù)。對于成都網(wǎng)站制作、成都網(wǎng)站設(shè)計、外貿(mào)營銷網(wǎng)站建設(shè)中不同領(lǐng)域進行深入了解和探索,創(chuàng)新互聯(lián)在網(wǎng)站建設(shè)中充分了解客戶行業(yè)的需求,以靈動的思維在網(wǎng)頁中充分展現(xiàn),通過對客戶行業(yè)精準(zhǔn)市場調(diào)研,為客戶提供的解決方案。
作為前端工程師,很多人都有自己的一套CSS Normalize文件,這樣能省掉開發(fā)過程中的不少麻煩,提高工作效率。在前人的基礎(chǔ)上,我總結(jié)了自己的CSS Normalize文件,目前基本上每個項目都有在使用中:
/*Normalize*/ *{margin:0;padding:0;list-style-type:none;} *html,*html body /* 修正IE6振動bug */{ background-image:url(about:blank); background-attachment:fixed; } body{ font-family:"Microsoft Yahei","Hiragino Sans GB" ,Arial,Lucida,Verdana,SimSun,Helvetica,sans-serif; /*font-size : 62.5%; px數(shù)值除以10,然后換上em作為單位*/ /*min-width:980px;*/ font-size:13px; } a,img{border:none;text-decoration:none;} a{blr:expression(this.onFocus=this.blur());} /*去掉a標(biāo)簽的虛線框,避免出現(xiàn)奇怪的選中區(qū)域*/ /*a:active {test:expression(target="_blank");}*/ :focus{outline:0;} label{cursor:pointer;} img{vertical-align:middle;} table{empty-cells:show;border-collapse:collapse;border-spacing:0;} h2{font-size:1.6em;}h3,h4,h5{font-size:1.4em;}h6,h7{font-size:1.2em;} input{border:none;} textarea{overflow:scroll;} a, input,textarea, .hover-delay { font-family:"Microsoft Yahei","Hiragino Sans GB", Arial,Lucida,Verdana,SimSun,Helvetica,sans-serif; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } input.none-radius{ border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } input::-ms-clear{ display:none;} //去掉輸入框的叉叉 .clear{clear:both;} .txt-indent{text-indent:-999px;overflow:hidden;} input[type=text],input[type=tel],input[type=email]{ -webkit-appearance: none; box-shadow: none;} /*Normalize end*/
對與我的實際使用中,我有一個Template文件夾(最近新增了一個針對Mobile)
里面的文件夾大致分為如下:
1)images: 存放項目中的圖片(里面又會根據(jù)項目模塊進行文件夾劃分)
2)css: 存放css文件(里面會有一個base.css文件,預(yù)置上文中的css normalize)
3)js:存放js文件,里面還有一個vender的文件夾,存放插件js(例如:jQuery庫),外面有main.js(主要js文件),plugins.js(插件引用的js)
根目錄下,為index.html文件
主要為如下文件:
CSS Code復(fù)制內(nèi)容到剪貼板
xxx
Mobile下的head會有如下meta設(shè)置:
看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。