189 8069 5689

CSS中怎么配置Normalize文件

CSS中怎么配置Normalize文件,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

成都创新互联公司企业建站,十多年网站建设经验,专注于网站建设技术,精于网页设计,有多年建站和网站代运营经验,设计师为客户打造网络企业风格,提供周到的建站售前咨询和贴心的售后服务。对于成都网站制作、成都网站设计、外贸营销网站建设中不同领域进行深入了解和探索,创新互联在网站建设中充分了解客户行业的需求,以灵动的思维在网页中充分展现,通过对客户行业精准市场调研,为客户提供的解决方案。

作为前端工程师,很多人都有自己的一套CSS Normalize文件,这样能省掉开发过程中的不少麻烦,提高工作效率。在前人的基础上,我总结了自己的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数值除以10,然后换上em作为单位*/  
        /*min-width:980px;*/  
        font-size:13px;   
    }   
      
    a,img{border:none;text-decoration:none;}   
    a{blr:expression(this.onFocus=this.blur());} /*去掉a标签的虚线框,避免出现奇怪的选中区域*/  
    /*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: 存放项目中的图片(里面又会根据项目模块进行文件夹划分)
    2)css: 存放css文件(里面会有一个base.css文件,预置上文中的css normalize)
    3)js:存放js文件,里面还有一个vender的文件夹,存放插件js(例如:jQuery库),外面有main.js(主要js文件),plugins.js(插件引用的js)

根目录下,为index.html文件
主要为如下文件:

CSS Code复制内容到剪贴板

  1.    
       
       
       
         
       
           
           
        xxx   
           
           
      
            
            
            
      
            
            
            
            
      
            
      
           
      
       
       
       
       
           
           
               
            
                                                
                                                   
                                                                                                                                                                                                                                                                                                                                                           

Mobile下的head会有如下meta设置:

  1.    
       
       
    

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


文章标题:CSS中怎么配置Normalize文件
链接URL:http://cdxtjz.cn/article/pogdcj.html

联系我们

您好HELLO!
感谢您来到成都网站建设公司,若您有合作意向,请您为我们留言或使用以下方式联系我们, 我们将尽快给你回复,并为您提供真诚的设计服务,谢谢。
  • 电话:028- 86922220 18980695689
  • 商务合作邮箱:631063699@qq.com
  • 合作QQ: 532337155
  • 成都网站设计地址:成都市青羊区锣锅巷31号五金站写字楼6楼

小谭建站工作室

成都小谭网站建设公司拥有多年以上互联网从业经验的团队,始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司;我们对营销、技术、管理都有自己独特见解,小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务!

小谭观点

相对传统的成都网站建设公司而言,小谭是互联网中的网站品牌策划,我们精于企业品牌与互联网相结合的整体战略服务。
我们始终认为,网站必须注入企业基因,真正使网站成为企业vi的一部分,让整个网站品牌策划体系变的深入而持久。