真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

CSS中怎么配置Normalize文件

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文件,目前基本上每個項目都有在使用中:

  1. /*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)容到剪貼板

  1.    
       
       
       
         
       
           
           
        xxx   
           
           
      
            
            
            
      
            
            
            
            
      
            
      
           
      
       
       
       
       
           
           
               
            
                                                
                                                   
                                                                                                                                                                                                                                                                                                                                                           

Mobile下的head會有如下meta設(shè)置:

  1.    
       
       
    

看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。


文章題目:CSS中怎么配置Normalize文件
網(wǎng)頁地址:http://weahome.cn/article/pogdcj.html

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部