| 共 12 篇文章 |
|
搞清楚CSS单位px、em、rem、vh、vw、vmin、vmax.div1的font-size=1.5*14px = 21px;div2的font-size=1.5*21px = 31.5px;div3的font-size=1.5*31.5px = 47.25px;此时div3的font-size = 1.5*14px = 1.5*html的font-size.比如：浏览器高度900px，宽度为750px, 1 vh = 900px/100 = 9 px，1vw = 750px/100 = 7.5 px。比如，浏览器的宽度设置为1200px... 阅114 转0 评0 公众公开 17-06-15 11:42 |
IE下模拟css3中的box-shadow（阴影）代码：[css] view plain copy .box-shadow{ filter: progid:DXImageTransform.Microsoft.Shadow(color=''#969696'',Direction=135, Strength=5);/*for ie6,7,8*/ background-color: #ccc; -moz-box-shadow:2px 2px 5px #969696;/*firefox*/ -webkit-box-shadow:2px 2px... 阅35 转0 评0 公众公开 17-06-15 11:39 |
CSS 参考手册CSS 参考手册。"CSS" 列指示该属性是在哪个 CSS 版本（CSS1、CSS2 或 CSS3）中定义的。所有动画属性的简写属性，除了 animation-play-state 属性。3CSS 边框属性（Border 和 Outline）简写属性，设置所有 border-image-* 属性。简写属性，设置所有四个 border-*-radius 属性。3CSS 内边距属性（Padding）2 CSS 文本属性... 阅35 转0 评0 公众公开 17-06-15 11:37 |
响应式web设计之CSS3 Media Queries.<link rel="stylesheet" type="text/css" href="styleB.css" media="screen and (min-width: 600px) and (max-width: 800px)">margin: auto }}@media only screen and (min-width: 400px) and (max-width: 1024px){ .rightBox{ width: 0;} .leftBox{ width: ... 阅15 转0 评0 公众公开 17-06-01 18:27 |
在了解 cubic-bezier 之前，你需要对 CSS3 中的动画效果有所认识，它是 animation-timing-function 和 transition-timing-function 中一个重要的内容。cubic-bezier 又称三次贝塞尔，主要是为 animation 生成速度曲线的函数，规定是 cubic-bezier(<x1>, <y1>, <x2>, <y2>)。....animation { ...-webkit-transition: al... 阅19 转0 评0 公众公开 17-05-19 22:10 |
深入学习CSS自定义属性（CSS变量）CSS变量语法定义。PostCSS plugin to transform W3C CSS Custom Properties -- 简单的插件，只能处理:root作用域下的变量声明PostCSS插件，用来将CSS自定义属性(CSS变量)转换为静态的表达式 ，还有它的线上实例. Myth- 一个预处理器cssnext可以让许多CSS的新语法立即能够正常工作。在这个实例中，CSS变量和Sas... 阅3022 转4 评0 公众公开 17-05-12 20:52 |
css变量使用。在css中使用变量的语法：}.lab{ --ylyblue:plum;}a{ color:var(--ylyblue);<ul class="lab"> <li> <a href="#">首页</a> </li></ul>输出结果：“首页”二字是紫色的， 若没有 .lab{ –ylyblue:plum; } 则是绿色，依次类推。注：此语法格式，变量名前必须有“–”，使用... 阅850 转0 评0 公众公开 17-05-12 20:51 |
CSS颜色代码大全RGB ( Red，Green，Blue )用法RGB()函数使用下述公式计算表示颜色的长整数：65536 * Blue+ 256 * Green+ Red其中，Blue代表蓝色分量，Green代表绿色分量，Red代表红色分量。各分量中，数值越小，亮度越低，数值越大，亮度越高。例如，RGB ( 0, 0, 0 )为黑色（亮度最低），RGB ( 255, 255,255 )为白色（亮度最高）。 阅67 转0 评0 公众公开 17-05-12 20:49 |
.demo01 li:nth-child(n+4){background:#090}:nth-child(-n+4)选取小于等于4标签。.demo01 li:nth-child(-n+4){background:#090}:nth-child(2n)选取偶数标签，2n也可以是even..demo01 li:nth-child(2n){background:#090}:nth-child(2n-1)选取奇数标签，2n-1可以是odd..demo01 li:nth-child(2n-1){background:#090}:nth-child(3n+1)自定义选取标... 阅2871 转0 评0 公众公开 17-05-12 20:44 |
-moz-border-radius: 100px / 50px;border-width: 50px 18px 0;border-width: 0 45px 35px;-moz-border-radius: 50px 50px 0 0;-moz-border-radius: 50px 50px 0 50px;-moz-border-radius: 50px 50px 50px 0;border-width: 0 25px 25px 25px;margin: 20px 0 50px 0;border-width: 70px 50px 0 50px;-webkit-border-radius: 63px 63px 63px 63px... 阅433 转1 评0 公众公开 17-05-12 20:44 |
