随笔分类 -  css

页面修饰
提高你css技能的css开发技巧
摘要：好久没整理博客了 进来啰嗦两句 继续抄别人的博客 一、resize实现图片对比 resize的语法如下： resize：none | both | horizontal | vertical 案例效果如下图 **(鼠标移到左下角白色区域，往右侧拖动，实现图片对比效果)**： 我应用到了resize的 阅读全文
posted @ 2017-04-12 18:36 乔锌铭 阅读(235) 评论(0) 推荐(0)
提高你css技能的css开发技巧
摘要：一、resize实现图片对比 resize的语法如下： 案例效果如下图 (鼠标移到左下角白色区域，往右侧拖动，实现图片对比效果)： 我应用到了resize的如下代码： 可以水平拉伸！ 二、:not()的应用技巧 我们平时在书写导航栏分割线的时候，最后一个标签是没有分割线的，我们一般的写法如下： 运用 阅读全文
posted @ 2017-03-19 21:18 乔锌铭 阅读(399) 评论(0) 推荐(0)
css模块化
摘要：模块化设计我已经提过很多了，像《从宜家的家具设计讲模块化》、《页面重构中的模块化思维》、《页面重构中的组件制作要点》都是跟模块化相关的，不过之前一直没有讲到具体实现方面的内容，只是一些思维。这次重点讲一下实现方面的内容，权当到目前为止我对模块化的一些总结整理。 要做好模块化，我觉得理解好样式的作用域 阅读全文
posted @ 2017-03-13 20:09 乔锌铭 阅读(198) 评论(0) 推荐(0)
Css兼容性大全
摘要：知识有所欠缺 疯狂脑补抄袭经验中、、、 兼容性处理要点1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width 3、FF: 支持 !impo 阅读全文
posted @ 2017-03-09 12:39 乔锌铭 阅读(348) 评论(0) 推荐(0)
前端页面设计常见的30个CSS选择器
摘要：1. * --> 通配符选择器 星号符会选择页面每个元素。很多开发者用它把所有margin和padding归零。这当然是快捷测试方法。不过我建议你不使用它，它给浏览器带来太多的负担，这不必要。通配选择器也可以用到子选择器上。 /* 选中容器中 所有子元素*/ 兼容性 IE6+ Firefox Chr 阅读全文
posted @ 2017-03-05 21:09 乔锌铭 阅读(4158) 评论(1) 推荐(0)
css代码优化
摘要：心情比较不咋地，不想说什么了 代码演示如下： 不推荐 推荐 合理的避免使用ID 一般情况下ID不应该被应用于样式。ID的样式不能被复用并且每个页面中你只能使用一次ID。使用ID唯一有效的是确定网页或整个站点中的位置。尽管如此，你应该始终考虑使用class，而不是id，除非只使用一次。 不推荐 推荐 阅读全文
posted @ 2017-03-02 13:56 乔锌铭 阅读(176) 评论(0) 推荐(0)