第一步，在中引入字体并给名字取一个合适的名字，如下@font-face { /* font-properties */ font-family: pictos; src:url('pictos/pictos-web.woff'), url('pictos/pictos-web.ttf'), url('pictos/pictos-web.eot'); /* IE9 */}font-family定义字体的名字，接下来的src...

2018-06-24 01:12:02

效果 源码 ! doctype html html class ="outline color" head meta charset ="utf-8" title 图片scale动画 / title style .img-box { position : relative ; width : 740px ; height : 420px ; overflow : hidden ; } /* 彩色图片缩放动画 */ .img-box.image-scale { p...

2018-06-24 01:12:14

在做banner居中时 碰到的问题，知道可以用背景图实现居中显示，但是内心是想深究下的，故找到几种办法收集一下，后面两种真的是奇技淫巧 来着下面两处 https://www.zhihu.com/question/39742237 https://www.v2ex.com/t/187544 flex position:absolute + negative marg...

2018-06-24 01:11:55

style * {padding: 0; margin: 0; list-style: none; box-sizing: border-box;} .box {background: orange;} .box:after {content: ""; display: block; clear: both;} .box ul {} .box ul li {width: 25%; float: left; border-right: 1px solid #ccc;} .box ul li .o...

2018-06-24 01:11:50

第一次写博客，有点小激动。由于我的兴趣方向是web前端，所以就给自己设计了个页面。 这个页面的主要特点就是磨砂效果，还有背景固定效果。静止不动首先想到的就是position: fixed，只要将背景图填满全屏，再设置固定定位就可以了。不过要注意不能把#home当做固定背景...

2018-06-24 01:11:51

如果设置一个div 装两张以上的图片，如果不设置好div的宽度和高度，就会使图片溢出。 我们知道，div是可以由图片撑开其宽高的，也就是说如果只放一张图片的情况下，不设置div的宽高，div的宽高会默认是图片的宽高。 但是如果是多张图片要放进一个div 这样虽然也可以，...

2018-06-24 01:11:49

Transitions动画效果(1) 源码 https://github.com/YouXianMing/CSS-Animations/tree/master/Transitions 效果 细节...

2018-06-24 01:11:43

本文为转载 （出处：http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html） 教程开始： 首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的 流 。如下图： 可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2...

2018-06-24 01:11:46

一个精美的网页需要的样式很多，在父级上设置的字体颜色或者大小，在其子元素中不一定全部相同，这时候要更改其中某一项的样式怎么办呢。 很多新手朋友就不明白，会迷惑为什么我使用class单独命名了，重新设置了还是没有变化，会考虑是不是格式错了，是不是命名有问题...

2018-06-24 01:11:42

1.作用域：基本与javascrip的作用域相似，即先找局部变量，后找全局变量。找变量时遵循就近原则。 2.条件表达式： .mixin (@a) when (lightness(@a) = 50%) { //255/2=127.5 background-color: black; } .mixin (@a) when (lightness(@a) 50%) { background-color: whi...

2018-06-24 01:11:39