文章分类 -  CSS

上一页 1 2
CSS书写规范、顺序和命名规则
摘要：写了这么久的CSS，但大部分前端er都没有按照良好的CSS书写规范来写CSS代码，这样会影响代码的阅读体验，这里设计达人网总结一个CSS书写规范、CSS书写顺序供大家参考，这些是参考了国外一些文章以及我的个人经验总结出来，我想对写CSS的前端用户来说是值得学习的。 CSS书写顺序 1.位置属性(po 阅读全文
posted @ 2019-05-07 10:35 鳳舞九天 阅读(396) 评论(0) 推荐(0)
CSS 样式书写规范
摘要：可能不同团队都有各自的规范，又或者很多人在写 CSS 的时候还是想到什么就写什么，不存在太多的约束。 我觉得 CSS 代码规范还是有存在的必要的，尤其是在团队配合，多人协作下，规范就显得尤为重要。 本文的所列是实践当中得出的一套比较不错的 CSS 书写规范，并不希望大家完全采用，而是希望可以结合自己 阅读全文
posted @ 2019-05-07 10:34 鳳舞九天 阅读(136) 评论(0) 推荐(0)
教你如何用CSS画正六边形
摘要：说下两种css 制作正六边形的方法。 先看一下结果： 在之前要先了解一下正六边形内角和边的关系，正六边形的每个内角是60deg，如图（√3其实是根号3）： 方法一：原理把正六边形分成三部分，左中右分别是：before部分，div部分，after部分，如图： before三角形部分是div的befor 阅读全文
posted @ 2019-05-05 14:14 鳳舞九天 阅读(1828) 评论(0) 推荐(1)
flex常用取值分析
摘要：首先明确一点是， flex 是 flex-grow、flex-shrink、flex-basis的缩写。故其取值可以考虑以下情况： flex 的默认值是以上三个属性值的组合。假设以上三个属性同样取默认值，则 flex 的默认值是 0 1 auto。同理，如下是等同的： 当 flex 取值为 none 阅读全文
posted @ 2019-04-22 18:10 鳳舞九天 阅读(208) 评论(0) 推荐(0)
移动端Android中line-height不居中的解决办法
摘要：在写手机端的页面的时候 有时候发现在使用line-height居中的方法 在安卓机上显示不正常的 会往上移2px左右！于是查资料发现了比较靠谱的2种解决方式 。 第一种，改变字体大小 最直接的方法就是改变字体大小让它大于 12px 能够正常居中，如果页面对字体大小要求比较严格的话，可以先将原来包括 阅读全文
posted @ 2019-03-27 11:11 鳳舞九天 阅读(1022) 评论(0) 推荐(0)
[转]移动端android上line-height不居中的问题
摘要：该文章里的技术在 表格中不起作用，先记录下来，以待解决。 比如在td里的 table-cell 无法圆角 现在越来越多的移动界面使用rem适配，遇到的坑也不尽其数，今天就移动端android上line-height不居中的问题提出自己的解决办法。 据分析得知原因： 1.字体大小不要使用奇数字号，带小 阅读全文
posted @ 2019-03-27 10:42 鳳舞九天 阅读(177) 评论(0) 推荐(0)

上一页 1 2