睿美印象网络欢迎您的到来,并真诚的希望能与您合作!
睿美印象网络
返回上一页
客服QQ
点击这里给我发消息
客服QQ
点击这里给我发消息
一切从沟通开始……

新手写css常犯的8个错误

作者:睿美印象网站建设工作室  发布日期:2012-10-12
   刚接触css的时候比较茫然,很多时候不知道如何开始,如何下手。拿到一个效果图,很多问题,困扰我们,
怎样布局?绝对定位还是相对定位,选择什么标签?采取怎样的结构..等等..当然在写代码的过程中,会遇到很多问题,尤其是我们新手,对各方面只是不是很了解,更缺少经验,遇到问题常常手足无措。我想,我们在遇到问题的时候,要学会总结,避免下次再遇到还是犯相同的错误。下面是自己在工作中,总结的一些容易犯的错误,
和解决技巧希望对css新手有帮助。
    一、检查HTML元素是否有拼写错误、是否忘记关闭标签
  再牛逼的高手也会犯这样的错误,因为当页面结构很复杂,嵌套很多层的时候,很容易搞丢关闭标签。尤其像我,习惯了在记事本里编写,就更容易出错。所以写的时候一定要仔细。
    二、检查CSS是否正确
   一般css常最常出现的错误就是样式和html中的属性名称不一致。导致明明写了样式,但是不起效果。
    三、用background找到对应的层
   我们在调试错误,尤其是调试浏览器的兼容性的时候,层嵌套的多,容易发生错位、重叠,这时候给关键的几个层添加上背景颜色,以示区别。这样有助于排除错误。
    四、排除法确定错误位置
   我们在写css编码的时候,一般都是做一点然后预览一下,这时候如果出现错误,我们可以删去新加的层,直到正常显示,以确定问题到底出在哪个层。
    五、float元素务必指定width属性
  很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何,一定要为其指定width属性。
    六、去除重复的样式
  很多时候我们在头部声明公共样式,然后写到下面自己就忘记了。比如我们在开始声明了img{border:none;}
然后在遇到img标签的时候,又写了一遍。应该避免这种情况。
    七、注意编码格式
  一般情况下,我们用的编码格式有:gb2312和UTF8两种。没有优劣之分。但是不能混着用。很多编辑器默认的事UTF8格式的。
    八、链接样式的书写顺序
  很多人在写了链接样式以后,点击后颜色不是自己要的结果,这时候就要检查下,链接样式的书写顺序了。正确的书写顺序应该是:L-V-H-A。    


转载请注明:睿美印象网站建设工作室www.ruimeiyx.com
分享到:
已有 0 条评论
暂无评论
睿美印象在线客服
客服部小睿:
点击这里给我发消息
设计部小美:
点击这里给我发消息
技术海绵哥:
点击这里给我发消息
在线淘客服:
睿美印象网络
淘客服小睿:
睿美印象小睿
淘客服小美:
睿美印象小美