前言： 某天，写了一个带有单选按钮的界面，突然想起网上其他网站各种各样的单选按钮，遂想“改下这个圆圈圈怎么样？”，于是在找了一遍单选按钮的样式，没一个说是修改圆圈圈，于是又去网上找了一遍，各种各样，自己选了其中一种并稍加修改，感觉简单通俗易懂，而且最...

2018-06-24 00:37:51

button class ="u-btn" 点我 / button .u-btn { background : url(images/btn.png) no-repeat 0 0 ;} .u-btn { background : url(images/sprite.png) no-repeat 0 -50px ;} 图片合并方案 什么是Sprite拼图： Sprite拼图好处： 减少网络请求，提升网页加载速度 图片优化...

2018-06-24 00:37:50

这一个是css3 animation动画特效在线演示的网站 https://daneden.github.io/animate.css/ 下载 animate.css文件，文件的代码很多，不过要明白那是很多特效的CSS样式，如果只使用到其中的一两个特效，可以选择性的复制。 首先是公共的样式： .animated { -webkit-animat...

2018-06-24 00:37:47

旧盒子: 父元素：display:-webkit-box;(主轴为水平==-webkit-box-orient:horizontal)，此时可以用此效果加overflow:hidden做简单的轮播图； 交叉轴：-webkit-box-align:stretch(拉伸，子元素没有设定高度时)，start，end，center，baseline； 主轴上：（如果想要看到效...

2018-06-24 00:37:45

2016-11-07 《css入门经典》第八章 1.属性选择器 选择器 描述 [ attribute ] 用于选取带有指定属性的元素。 [ attribute = value ] 用于选取带有指定属性和值的元素。 [ attribute ~= value ] 用于选取属性值中包含指定词汇的元素。 [ attribute |= value ] 用于选取带...

2018-06-24 00:37:36

概念： CSS 指层叠样式表 ( C ascading S tyle S heets)，是一种标记语言。由三部分构成：选择器、属性和值： selector{property:value;} CSS的声明是键值对成对出现，属性和值被冒号分开，声明总是以分号(;)结束。 CSS的注释跟HTML的不一样，HTML的是 !-- 注释 -- ，...

2018-06-24 00:37:38

Gulp是一个自动化工具，前端开发者可以使用它来处理常见任务： 1、搭建web服务器 2、文件保存时自动重载浏览器 3、使用预处理器如Sass、LESS 4、优化资源，比如压缩CSS、JavaScript、压缩图片 当然Gulp能做的远不止这些。如果你够疯狂，你甚至可以使用它搭建一个静态页...

2018-06-24 00:37:34

随便拿一个搜索引擎搜索一下“两列自适应布局”，都能得到很多种实现方法，这篇文章的重点是这些方法的底层逻辑是什么，他们是怎么得来的。 分析： 需要满足三个要求： ①两个盒子在同一行 ②右边的盒子需要占满剩下的空间 ③两个盒子不能重叠 这三个条件又分别有很多...

2018-06-24 00:37:29

本文摘自Google 原文地址1：https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source=dccutm_medium=redirectutm_campaign=2016q3#port-forwarding 原文地址2：https://developers.google.com/web/tools/chrome-devtools/remote-debugg...

2018-06-24 00:37:31

position俗称定位，主要取值及作用如下： static 默认值。没有定位，出现在正常文档流中 absolute 绝对定位，相对于position为absolute、relative、fixed的第一个父元素进行定位 relative 相对定位，相对于其正常位置进行定位 fixed 绝对定位，相对于浏览器窗口进行定...

2018-06-24 00:37:26