随笔分类 -  CSS实践

摘要：利用border-radius及box-shadow制作圆角表格界面效果图如下：css样式如下所示：* { margin: 0; padding: 0; } body { padding: 40px 100... 阅读全文

摘要：写在前面因为原先项目中的CSS样式乱得不行，所以领导决定要花大时间整理一下样式，也为了后续维护起来方便。其实也苦了自己，想想也是一件多烦的事情，烦的原因并非是说这件事情做起来没有意义，而是觉得这样的事情不需要任何技术含量，按照定下来的一套准则然后ctrl+c和ctrl+v就可以了。如果真这样想，那还... 阅读全文

摘要：写在前面写的一模一样的css样式，结果却导致原来出来不一样的效果图。用chrome的开发者工具查看，比较起来还是一模一样的css样式，可为什么会出现不一样的placeholder效果呢？一个白色粗体，一个灰色正常字体。找了老半天找不到原因后来才发现是我同事写的框架css里面代码的一句话影响到了::-... 阅读全文

摘要：公共样式应该说现在绝大多数公司的项目前端都是一团乱，不仅仅是js写的没有任何框架而言，css同样也是如此，导致项目如果要升级或者说有新的变更维护起来就特别困难。最近领导决定花大时间整理一下css样式，用他的一句话来说就是为后来者造福。首先我们在整理样式之前，必须得有一个自己团队的规范。思考真的很重要... 阅读全文

摘要：Style样式 .toggle { position: relative; display: inline-block; width: 60px; height: 30px; ... 阅读全文