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

前端技术 2023/09/03 CSS

CSS鼠标样式语法如下： text是移动到文本上的那种效果 wait是等待的那种效果 default是默认效果 e- resize是向右的箭头 ne-resize是向右上的箭头 n-resize是向上的箭头 nw-resize是向左上的箭头 w- resize是向左的箭头 sw...

前端技术 2023/09/03 CSS

只需要两个HTML元素和一个CSS变换，我就能创造出我自己的闪光效果。让我们来实现它！呈现光泽图片下面就是这张Addy在他博客上使用的图片：比我需要的要大一些，但你可以把它裁剪一些。注意：左边的那张是纯白色的，所以看不到，两张图在CSS代码中都要用到。 HTML代码 ...

10个CSS简写/优化技巧整理

前端技术 2023/09/03 CSS

CSS简写就是指将多行的CSS属性简写成一行，又称为CSS代码优化或CSS缩写。CSS 简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。下面介绍常见的CSS简写规则：一、盒子大小这里主要用于两个属性：margin和paddi...

前端技术 2023/09/03 CSS

对，你没有看错，就是“纯图片”，不是纯代码实现而是利用图片来实现的圆角。你或许会不以为然，可是我想告诉你的是即使将来CSS3圆角实现全浏览器兼容，但在当下图片圆角依旧是主流，丰富的图片效果（渐变、阴影、透明度、圆角、浏览器兼容、开发维护效率）这些是用代码实现远远不可比拟的。所以...

前端技术 2023/09/03 CSS

今天偶尔看到这么一个问题，然后便上网查了很多资料，也做了相应的实验，现在我们来简单的看一下CSS的执行顺序问题。 1、确定CSS样式的导入方式通常情况下我们知道的CSS导入方式有如下四种： a、链入外部样式 ----------------<link h...

前端技术 2023/09/03 CSS

众所周知CSS技术我们虽然很熟悉，在使用的过程却很容易被困住，这让我们在新问题出现的时候变得很不利。随着web继续不断地发展，对于新技术新解决方案的要求也会不断增长。因此，作为网页设计师和前端开发人员，我们别无选择，必须熟悉我们手上的工具，做到知己知彼，这样才能百战不殆。这...

前端技术 2023/09/03 CSS

问题原因：为什么呢？因为在调用组件W的css样式时，我们自己写了css样式A，Ext组件又自带css样式B，A是我们用cls:\'A\'放进去。那么这个W到底是用两个样式重复的哪一个种呢？这就要看css样式表的引入顺序了，如果先引入自己写的，再引入Ext自带的，那么浏览...

前端技术 2023/09/03 CSS

css3给display属性提供了box这个值，极大的方便了开发者，下面给大家介绍css3 display box具体用法。其中的一个场景如下：假如我们想要使得内部的123元素水平以不同的比例分割outer所占的空间，以往的做法我们可能会让123元素浮动或者设置displa...

简析CSS表达式attr()的运用

前端技术 2023/09/03 CSS

CSS表达式 attr() 用来获取选择到的元素的某一HTML属性值，并用于其样式。它也可以用于伪元素，属性值采用伪元素所依附的元素。 attr() 表达式可以用于任何CSS属性。语法: CSS Code复制内容到剪贴板 attr( attribute-name &...

前端技术 2023/09/03 CSS

1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width，但 IE 不会，故需要用 !important 多设一个 height 和 width 3、FF: 支持 !important， I...

关闭

我的博客