前端开发2025年08月29日
Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。 Less 可以运行在 Node 或浏览器端。 例如： @base: #f938ab; .box-shadow(@style, @c) when (iscolor(@c)) { -webkit-box-shadow: @style ...
前端开发2025年08月29日
详细内容请点击 这个问题困惑了很久，虽然没有大碍早就摸出来怎么搞定它，但始终不明白原因出在哪里，如果只是IE有问题我也不会太在意，可问题是所有上等浏览器都表现如此，这样叫我怎能安心？今天总算下狠心查出来怎么回事，居然是CSS2.1盒模型规范……虽然很别扭，非常别扭的规定。 问题如下图，两层Div结构，Outer Div属性为“margin:0 auto”，...
前端开发2025年08月28日
详细内容请点击 /*---滚动条默认显示样式--*/ ::-webkit-scrollbar-thumb{ height:50px; outline-offset:-2px; outline:2px solid #fff; -webkit-border-radius:4px; border: 2px solid #fff; } /*---鼠标点击滚动条显示...
前端开发2025年08月28日
<div class="top"> <div class="left">欢迎来到！</div> <div class="right">登录|注册</div> </div> .top .left{ float: left; } .top .right{ float: right; } ....
前端开发2025年08月28日
---恢复内容开始--- 渐变 gradients 水平渐变 linear gradients 语法 background:linear-gradient(direction，color1，color2，……) Direction 这个参数可以省略 如果省略了默认方向是从上到下 这个参数如果不省略 写方向的起始值 top(从上到下) left(从左到右) ...
前端开发2025年08月28日
当某个链接或元素被选中时可以时，需要改变其颜色或状态，而stylus中提供&选择器,&指向父选择器，用于判断父元素达到某条件时改变状态，下面的例子中当父元素router-link有被选中（active）时，子元素改变颜色并加上下划线。 //html <router-link tag="div" class="tab-item" to=...
前端开发2025年08月28日
动画过渡效果 //vue <div class="search-list" v-show="searches.length"> <transition-group name="list" tag="ul"> <li @click="selectItem(item)" class="search-item" :key="item...
前端开发2025年08月27日
-webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。 想要禁用这个高亮，设置颜色的alpha值为0即可。 -we...
前端开发2025年08月27日
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,...
前端开发2025年08月27日
在CSS3中，可以利用transform功能来实现文字或图像的旋转、扭曲、缩放、位移、矩阵、原点这六种类型的变形处理，下面将详细讲解transform的使用。 变形--旋转 rotate() div.box{transform: rotate(45deg);} /*顺时针旋转45度*/ 变形--扭曲 skew() div.box{transform:ske...