css
5篇文章 · 0订阅
  • 移动端适配及PC端适配心得总结体会(二) (可能比较全
    2. 1px边框的问题 2. background-image 和border-image类似，准备一张符合条件的边框背景图，模拟在背景上。 上面两种都需要单独准备图片，而且圆角不是很好处理，但是可以应对大部分场景。 这种方式可以满足各种场景，如果需要满足圆角，只需要给伪类也加…
    前端
  • 移动端适配及PC端适配心得总结体会(一) (可能比较全
    css中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css中的1px所代表的设备物理像素是不同的,1px并不是绝对的,它只代表了当前设备像素的最小单位. CSS像素，当页面缩放比例为100%时，一个CSS像素等于一个设备独立像素。 但是CSS像素是很容易被改变的，当用…
    前端
  • 你不知道的css3(下） -- 用css3为你的组件添加可靠性
    当鼠标移动到图片上时，有一道白光从图片上划过，犹如刀光剑影。 这里使用渐变（linear-gradient）来实现白光效果，同时为了斜向划过，使用transform: rotate(45deg)将其旋转45度。 上面的height、width、top和left，你也可以使用具体…
    CSS 前端 JavaScript
  • 吐血整理的前端代码规范系列 -- css规范
    BEM规范是一种主流的css命名规范，BEM分别对应的是block ， element 和 modifier，为的是结束混乱的命名方式，达到一个语义化的CSS命名方式。 在BEM规范中，block（块）表示一个组件的意思，假设你要写一个按钮的组件，只需要设置一个 .button…
    CSS
  • 被低估的CSS滤镜：drop-shadow
    如果你熟悉CSS，则可能了解 box-shadow 属性。但是你知道有一个CSS滤镜 drop-shadow 可以做类似的事情吗？就像 box-shadow 一样，我们可以输入x-offset、y-offset、模糊半径和颜色的值。 与 box-shadow 不同，它不需要 s…
    CSS 前端
    被低估的CSS滤镜：drop-shadow