CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/02 CSS

关于CSS specificity CSS 的specificity 特性或称非凡性，它是一个衡量CSS值优先级的一个标准，既然作为标准，就具有一套相关的判定规定及计算方式，specificity用一个四位的数字串(CSS2是三位)来表示，更像四个级别，值从左...

前端技术 2023/09/02 CSS

用户的屏幕越来越大，而页面太宽的话会不宜阅读，所以绝大部分网站的主体宽度和之前相比没有太大的变化，于是浏览器中就有越来越多的空白区域，所以你可能注意到很多网站开始在滚动的时候让一部分内容保持可见，比如，侧边栏的部分区域。position:sticky为此而生。 ...

前端技术 2023/09/02 CSS

最近业务需要，想设计一个比较通用的图文混排的列表。结果设计的过程中遇到了不少问题，虽然都是一些css设计中比较基础的问题，但是自己认为有必要总结下，希望可以帮到一些css设计的初学者，同时也想扩大下自己博客的知识量o(^_^)o。 1.最终设计的结果 HTML...

探究CSS边框特效实现技巧

前端技术 2023/09/02 CSS

本文为大家分享了CSS边框特效实现技巧，供大家参考，具体内容如下一、半透明的边框实现加入我们有这样一个需求：在一个背景图片的区域中，定义一个带有半透明白色边框的白色div。这个的实现方法最先想到的就是可以为边框定义透明度，代码如下： CSS Code复制内容到剪贴板 ...

前端技术 2023/09/02 CSS

先来解决问题： li{max-width: 100px;/*具体数值自行修改，下一行相同*/width:expression(document.body.clientWidth>100?\"100px\":\"auto\");overflow: hidden;} 把上面的...

前端技术 2023/09/02 CSS

　　今天来分享很不错的CSS3按钮动画，这款CSS3按钮一共有5种动画方式，每一种都是鼠标滑过动画形式，虽然这些动画按钮不是十分华丽，但是小编觉得不像其他按钮那样很难扩展，我们可以修改CSS代码随意改变自己喜欢的颜色样式。　　让我们一起来看看实现这5中样式动画按钮的HTML...

前端技术 2023/09/02 CSS

最近在The Sass Way里看到了Modular CSS typography一文，发现文章在开头部分就提到了OOCSS、SMACSS、BEM、这3个词。“如果还不知道这些是什么，请先不要继续看下去”，联想到作者这样友好（gāo lěng）的提醒，作为围观群众，自然要有所回...

前端技术 2023/09/02 CSS

本文通过原生JS，点击事件，鼠标按下、鼠标抬起和鼠标移动事件，实现3D立方体的拖动旋转，并将旋转角度实时的反应至界面上显示。实现原理：通过获取鼠标点击屏幕时的坐标和鼠标移动时的坐标，来获得鼠标在X轴、Y轴移动的距离，将距离实时赋值给transform属性。从而通过改变tr...

前端技术 2023/09/02 CSS

今天遇到了ie6 ie7浏览器下，overflow:hidden; 失效的情况，经过测试和排查，发现原来ie6,ie7有一个很坏的习惯就是：如果父对象有overflow：hidden属性，子对象中的position属性是relative或者absolute，那么...

前端技术 2023/09/02 CSS

border基础回顾border 顾名思义就是边框的意思，在 CSS 中，你可以透过 border 的语法来对边框做许多样化的设计变化，例如设定边框的宽度、样式、颜色等等，也可以隐藏边框，原则上 CSS 对于 border 的设计不只局限于 DIV 区块或 span 的边框，也...

关闭

我的博客