关闭

整理一下CSS最容易躺枪的二十规则,大家能躺中几条?

时间: 2017-11-13阅读: 1507标签: css

整理一下css最容易躺枪的二十规则,大家能躺中几条?


转载:API中文网

  

一、float:left/right 或者 position: absolute 后还写上 display:block?


二、认为布局就是 Float,所有的地方都是 Float,全家都是 Float!


三、认为 px 是一个绝对单位(px 是相对单位)整个页面都是 px,全家都是 px;


四、查看源码,满屏都是 div 的就不多说了吧……;


五、段落不会用 P 只会用 br 和 div;


六、多 class 症(病入膏肓的表现就是几乎每个元素上都有不止一个 class);


七、情绪化命名:.sb、#sb_box 、lj.png;


八、人民币符号:¥少一横.


九、给非定位元素定义了z-index堆叠级别;


十、不用h1、h2等标题标签,这是经常被忽略的html标签使用的语义性,标题用h1..h6是有层次的,而且对页面的抓取也有很大的影响,大家多注意吧;


十一、从一开始写页面就用一个长长的css reset把所有的浏览器默认样式统统干掉了;


十二、反正css就那么点东西,布局的时候不是position,就是float。可是你告诉我为毛在移动端你也不用css3;


十三、闭合浮动的时候,都是先定义好一个.clear样式,然后加空div;


十四、p标签包含div;


十五、不会用或乱用 B / I / S / U 之类在 html5 中重新定义过的标签;


十六、真的在address标签里写家庭住址信息或者其他地址信息;


十七、完全把main, section, article, aside等当成div来用了;


十八、搞不拎清 PNG 的分类,认为 PNG24 支持透明,不知道 PNG8 也支持 α 透明;


十九、混淆 INPUT 的 disabled 属性和 readonly 属性;


二十、为了让 Chrome 这个脑残支持小于12px 的文字,在 html 设置 -webkit-text-size-adjust:none;


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/100

CSS 解析原理_你知道浏览器CSS是如何解析吗?

作为前端,我们每天都在与CSS打交道,那么CSS的原理是什么呢? 浏览器渲染过程分为了两条主线:其一,HTML Parser 生成的 DOM 树;其二,CSS Parser 生成的 Style Rules ;

css数值(百分比|负值)

今天为什么要给大家讲解这个东西呢,因为css这部分,尤其是数值这部分感觉非常简单,但是尤其是简单的,却很多人根本就没有弄懂。所以今天就来讲一下css的数值问题吧。大家还是好好听一下吧。

CSS3 2D转换

转换是使元素改变形状、尺寸和位置的一种效果。通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸,可以大致分为2D转换和3D转换。下面介绍的是2D转换的相关知识点。

CSS属性书写顺序

生活中衡量一个人有气质:穿着打扮举止言行等等,编程中如何衡量一个人的代码能力?规范标准优雅高质量等等一个词形容专业从代码中看出是否有经验..

css完美解决网页在iphoneX的头部刘海显示问题

css完美解决iphonX白条,网站扩展到整个屏幕,CSS Shapes中有个CSS属性名为shape-outside实现元素滚动自动环绕iPhone X刘海

Web前端-CSS必备知识点

css基本内容,类选择符,id选择符,伪类,伪元素,结构,继承,特殊性,层叠,元素分类,颜色,长度,url,文本,字体,边框,块级元素,浮动元素,内联元素,定位。

什么是css sprites(雪碧图),css sprites使用的优缺点

css sprites雪碧图:把一堆小图片整合在一张大图上,通过背景图片相关设置(背景图片、背景图是否重复、背景图定位),显示图片,减轻服务器对图片的请求数量

如何通过CSS向JS传参?

CSS中有很多媒体查询的用法,例如设备尺寸判别,是否支持鼠标行为,是否是黑暗模式,是否是省电模式等。CSS可以自动检测,但是有时候,在JS中,我们也需要根据不同的系统主题,然后实现不同的交互逻辑,或者渲染出不一样的内容。

20个常用的CSS知识点

如何隐藏滚动条,修改滚动条样式,修改input框placeholder的颜色,按钮不可点击的样式,CSS鼠标指针事件:阻止任何JS事件,文字超出强制n行 超出部分用省略号代替,修改字体间距

css中 出现height为100%失效的原因及解决方案

我们都知道需要给html和body标签设置了高度height:100%之后,再给内部的div设置height:100%的时候,内部div的高度100%才会起到作用。这是由于:%是一个相对父元素计算得来的高度,要想使他有效,我们需要设置父元素的height。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!