css修改滚动条默认样式
css修改滚动条默认样式
滚动条默认样式如下图:先讲解一下滚动条几个属性    ::-webkit-scrollbar:滚动条整体部分,可以设置宽度啥的    ::-webkit-scrollbar-button:滚动条两端的按钮    ::-webkit-scrollbar-track:外层轨道    ::-webkit-scrollbar-track-piece:内层滚动槽    ::
浏览:258 标签: 滚动条
玩转 CSS3 3D 技术
玩转 CSS3 3D 技术
css3的3d起步要玩转css3的3d,就必须了解几个词汇,便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物,从而展现3D的效果。旋转则不再是2D平面上的旋转,而是三维坐标系的旋转,就包括X轴,Y轴,Z轴旋转。平移同理。当然用理论来说明,估计你还不明白。下面是3个gif:(1)沿着X轴旋转(
浏览:394 标签: 3D
web前端开发css公共样式提取
web前端开发css公共样式提取
web前端开发css公共样式提取,仅供参考。/* 禁止选中文本 */.usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}/* 浮动 */.fl {float: left; }.fr {float: right
浏览:376 标签:
HTML特殊符号对照表
HTML特殊符号对照表
特殊符号命名实体十进制编码特殊符号命名实体十进制编码 Α Α Α Β Β Β Γ Γ Γ Δ Δ Δ Ε Ε Ε Ζ Ζ Ζ Η Η Η Θ Θ Θ Ι Ι Ι Κ Κ &#9
浏览:1030 标签: html
纯CSS实现垂直居中的几种方法
纯CSS实现垂直居中的几种方法
方法1:table-cell// html<divclass="box box1"><span>垂直居中</span></div//css.box1{display:table-cell;vertical-align:middle;text-align:center; }方法2:display:flex.box2{display: flex;justify
浏览:1322 标签: CSS 垂直居中
HTML:meta标签的各种用法汇总
HTML:meta标签的各种用法汇总
一、<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">1.name="viewport" //设置视口(网页可绘制的区域)2.wid
浏览:1943 标签: HTML meta
transform中的矩阵
transform中的矩阵
矩阵存在的问题<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no" /><styletype="text/css">#box {width:100px;border:1px solid#0
浏览:1950 标签: transform 矩阵 matrix()
css3中transform 2d转换
css3中transform 2d转换
transform 2d 样式:rotate、skew、scale、translatetransform-origintransform的执行顺序
浏览:2011 标签: transform css3
less语法--Math函数/命名空间/避免编译
less语法--Math函数/命名空间/避免编译
Math函数:round()--四舍五入、ceil()--向上取整、floor()--向下取整。/* less */.box{ width:round(59.5)*1px; height:ceil(21.1)*1px; border:floor(2.6)*1px solid red;}/* 编译后的css */.box { width:60px
浏览:2034 标签: less math importing
less语法--混合/带参数混合
less语法--混合/带参数混合
混合:在 LESS 中我们可以定义一些通用的属性集为一个class,然后在另一个class中去调用这些属性。【1】最简单的混合方式/* less */.classA{border:1px solid red;color:#fff;}classB{ .classA;font-size:26px;}/* 编译好后的css */.classA {border:1p
浏览:2039 标签: 混合 less
less语法--变量
less语法--变量
less语法--变量:允许我们单独定义一系列通用样式,然后在需要的时候去调用,所以在做全局样式调整的时候,我们可能只修改几行代码就ok了。less注释方式:// 和 /* */。两者区别是:双斜杠“//”只能注释单行,并且“//”注释的less文件被编译成功后不会带到css文件中。【1】代码示例/* less */@width:12px;.border{width: @w
浏览:2033 标签: less 变量
less语法--嵌套
less语法--嵌套
less语法--嵌套:可以在一个选择器中嵌套另一个选择器来实现继承,这样很大程度减少了代码量,并且代码看起来更加清晰。例子:导航布局样式【1】普通css写法nav{min-width:1200px;height:50px;background:#000;}nav.content{width:1200px;margin: auto;}nav.content.left{fl
浏览:1965 标签: less

邮箱快速注册

忘记密码