• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

新手写css常犯的8个错误_css

css 搞代码 7年前 (2018-06-11) 226次浏览 已收录 0个评论

刚接触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。

欢迎大家阅读《新手写css常犯的8个错误_css》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:新手写css常犯的8个错误_css

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址