代码笔记

写出更好的网页CSS代码的一些经验

阅读

谁都不是天生就会的,都是在学习中进步!

分享一下我这些年写网页CSS的一些经验给大家,希望能帮到你!

 

 

一、每次写css的时候,先写上重置代码,这样,为你接下来的工作会省去很更多麻烦!

  html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

当然,这些要重置的对象或许有点多,因为一个网站写下来,并不是所有标签都要用到,代码当然是越少越好;所以我建议大家只重置自己常用的标签就可以了,基本上常写网页的都知道自己常用些什么吧?

二、有效合理的运用代码注释,这样可以提高你的协同工作效率!

这里我要说句话,对于我们中国人来说,虽说大部分写代码的英文都还可以!但是毕竟中文是母语!所以,如果你想和你的同时更好的协同,那么我还是建议你用中文注释!这样更直观!

/*重置*/

/*通用定义*/

/*顶部导航*/

/*左侧边栏*/

 

三、css代码属性的合理排序,让你更快的找到要更改的地方!

我推荐大家按照英文字母顺序排序你的css属性!大家可以看下下面这段代码!

第一种写法
div#top h1 {
z-index: 101;
color: #333;
position: relative;
width:140px;
line-height: 26px;
font-size: 18px;
margin-right: 30px;
border-bottom: 1px solid #ccc;
display:block;}

第二种写法
div#top h1 {
border-bottom: 1px solid #ccc;
color: #333;
display:block;
font-size: 18px;
line-height: 26px;
margin-right: 30px;
position: relative;
width:140px;
z-index: 101;}

以上两段代码,哪个更容易读懂呢?


  • 共3页:
  • 上一页
  • 1
  • 2
  • 3
  • 下一页

  • 推荐阅读

    CSS背景过滤器“backdrop
    CSS背景过滤器“backdr...
    解决IE8及以下版本不支持
    解决IE8及以下版本不支...
    关于position的fixed属性失
    关于position的fixed属性失...
    用CSS3的rem设置字体大小
    用CSS3的rem设置字体大小...