资讯专栏INFORMATION COLUMN

写css的毛病

wenyiweb / 1232人阅读

摘要:最近公司要做手机端页面,之前没做过,也只是给另一边的美工指点一下,不过发现现在写有一个毛病那就是类型下面的代码为什么这样写,原因是在写或看别人的代码时,会发现有很多代码都重复于是遵循个人感觉找页面中的共同点来封装,如大小,字体等做到对

最近公司要做手机端页面 ,之前没做过,也只是给另一边的美工指点一下,

不过发现现在写css有一个毛病

那就是类型下面的代码

.text-blue{color:blue}
.text-left{text-alitn:left}

.layoutLeft{float:left}
.layoutRight{float:right}

form labelCom input[type="xx"]{//code}

为什么这样写,原因是在写或看别人的代码时,会发现有很多代码都重复

于是遵循个人感觉

找页面中的共同点来封装,如大小,字体等

做到对封装后的class只需写 color,background,width,height等即可重用

给标签找好父级,防止一些裸生效

  

我说的裸生效是指类型

.button{width,padding,height,color}乱乱的全生效了
  

举个例子
比如在非块元素里用的Button那么就给Button设置为非块的
反之~~~
好了,不扯了

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/110901.html

相关文章

  • 学不动了?可能方法不太对-Grid 网格布局

    摘要:前情提要本人是一个学渣非科班入行年了吧前端东西真的好多啊又不断更新需要不断的学学学在去年年底开始我就开始不断的寻找学习的方法如何更加高效的学习如何才能学的又快又好在这半年来不断的总结慢慢找到了一些方法和诀窍此文章不是网格布局的教学文章只前情提要   本人是一个学渣,非科班入行2年了吧,前端东西真的好多啊,又不断更新.需要不断的学学学, showImg(https://user-gold-c...

    happyfish 评论0 收藏0
  • XSS全解析—初探

    摘要:持久型相当于存储型跨站脚本。这玩意儿涉及到一点和浏览器引擎解析的问题。说正事,是支持码形式的。的调用有几个概念我们先来了解一下。本来说的只用天完成的,没想到各种事儿拖了两天,。 前些时间准备面试的时候一直会遇到这个XSS,寥寥几句话好像很简单,后来看到同学的《XSS跨站脚本攻击剖析与防御》这本书,稍微翻看了一下,其中的学问还是挺多的。这系列的文章就当做读书笔记吧。 什么是XSS 听过很...

    Lucky_Boy 评论0 收藏0
  • 【移动端web开发】(二)深入viewport

    摘要:当你进行页面放大的时候,原本在未缩放的页面上看起来很小的尺寸,现在通过看上去变大了,事实上这部分的的值并没有变化,仅仅是因为进行放大后,的的值所占的屏幕分辨率的值变大了。同理的的值并没有发生变化但是值所占的屏幕分辨率的值变小了。 前言 通过上一篇我们已经大概明白viewport是什么,但是viewport并没有那么简单,一包研究得身心疲惫,脑子一个不够用哈哈,让我们一起看看吧! 三个v...

    Baoyuan 评论0 收藏0
  • 使用GrumPHP来纠正代码“毛病

    摘要:默认的配置不会检测任何代码。参数列表质量检测包其他有人问,你为什么要这么折磨自己呢其实像类型代码质量工具,不是仅仅自己拿来玩的,在开发人员略多的技术团队,可以通过使用它来达到代码规范一致,如果每个人代码都不一样,后果不堪设想。 showImg(https://segmentfault.com/img/bVbtfeF?w=1796&h=724); 前言 我一生的文章都会放在这里,我的博客...

    jubincn 评论0 收藏0
  • 墨瞳漫画h5一期 vuejs总结

    摘要:欢迎体验提墨瞳漫画这里踩的坑主要是组件的重用。这样可以防止图和图片大小不一样引起的页面跳动继而导致的加载图片时机错误。跨域时,会先发送一个空的请求来查看接口是不是支持跨域,再发送一次真实请求。 前言 博主也是vuejs萌新,公司仅我一个前端,收到做h5的需求后,马上想到要用下vuejs,于是说服领导,开始慢慢钻研,现在记录一下踩到的坑。这些坑主要是在一些组件的使用上,其它的只要好好看官...

    王岩威 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<