最近有点空闲时间，所以想好好看看几个一直没机会看的问题。把它写下来，是促进自己更好地理解，同时也是一个备忘吧！
先说元素居中，元素居中，从最开始接触前端就一直挥之不去的一个问题，也许是太忙了，这个本该认真研究的问题，竟然一直都没有好好总结，总是遇到了临时应付。一个个小问题的深度剖析和积累，达到量的积
只支持IE9及以上
html
<label><input class="radio" type="radio" name="radio1"/><span class="radio-style"></span>10<
六边形
今天看到别人分享的六边形学习 自己也试着做了一下
原理：
图片旋转 transfrom：rotate（120deg）；
溢出隐藏 overflow：hidden；
我们要用三层div来实现旋转效果
第一次 rotate（120deg） 第二次 rotate（-60deg） 第三次 rot
1.圆角
border-radius是向元素添加圆角边框。
使用方法：
border-radius:10px; /* 所有角都使用半径为10px的圆角 */
border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */
flex在众多手机浏览器上的兼容方案(亲测华为手机自带浏览器)
如果项目使用构建工具，可加autoprefixer来处理，[autoprefixer使用指南]
纯手写css兼容代码，需给每个使用的属性加上属性前缀
/*display: flex;写法*/&#
做为css布局的又一种新方式，Flex拥有极强的使用效果，相比原来的float，position对元素样式的操作更加简洁，本文是我的一点学习经验和心得吧，如有错误以及不足之处，请多多指点。
好进入正题吧，首先借用阮一峰大神的一副图片：
再来说说flex的几个属性吧：
一、容器属性
1.flex
Base64 is a group of similar binary-to-text encoding schemes that represent binary data in an ASCII string format by translating it into a radix-64 re
圆角边框以及阴影制作卡片式图片
圆角边框 border-radius
卡片使用阴影 box-shadow
利用阴影给图片底部创造一个长方形
内部的元素会直接覆盖整个阴影
HTML 部分
<!DOCTYPE HTML>
<html>
<head>
<meta
Window.devicePixelRatioThis read-only property returns the ratio of the resolution in physical pixels to the resolution in CSS pixels for the current
六、子选择器
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5 <t
MIP，全称Mobile Instant Pages（移动端即时页面），是百度推出的一套移动端网页开放技术标准。网站移动端页面统计MIP改造，能实现页面缓存，从而达到移动网页加速效果。
百度官方已经明确表示，应用了MIP的移动网站，将在百度搜索引擎获得更高权重。
在杭
<!doctype html><html> <head> <meta charset="utf-8"/> <title>英雄联盟_百度百科</title><link rel="icon" href="D:/BaiduN
在开发pc端网站的过程中，涉及到邀请好友的功能，之前单纯的复制粘贴已经无法满足用户的体验。故，仿照移动端添加自动分享到QQ好友，QQ空间，QQ微博的功能。
分享到QQ好友：http://connect.qq.com/widget/shareqq/index.html?url=分享后跳转
浏览器支持能够打开的格式，他都会默认直接在线打开（比如word或图片），不支持的格式，他就会弹出下载提示。最好是做成.rar格式、xlsx的文件。浏览器自带下载功能。
<body>
<span><a href="web.xlsx" >download<
摘录自《CSS核心技术详解》
1.1 CSS中你可能会疑问的几个问题
1.1.1 在CSS中为什么要有层叠
在CSS中可能会有多个样式表同时影响同一个元素的某个属性，设计这个功能的主要原因有两个，解决模块化和作者、用户、用户代理样式冲突。
模块化
一个页面中的样式可以拆分成多个样式表，代码如下。
@
1.水平居中
1.1已知宽度块元素宽度 :
.child{width:1000px;margin:0 auto;}
1.2文本内容居中:
.parent{text-align:center;}
1.3通过表格:
.child{display:table;margin:0 auto;}
1.4已
在上一篇文章中，我们使用 js+css 实现了模态框效果，在理解了模态框的基本实现方法和实现效果后，我们就要寻找更快捷的方法，又快又好的来完成模态框开发需求，从而节约时间，提高效率。一个好的轮子，不仅能大幅减轻工作量，而且能让我们的代码更简明和优雅。
今天我们选择使用著名的 bootstr
相信大多数后端开发人员的html，css并不是太好（主要说我）。想要做一些网页效果，难度会比较大。看了下bootstrap这个前端框架，发现这个框架比较好的解决了网页效果制作中一般性问题。总的来说，bootstrap可以帮助我们在尽量不写css的情况下，就能实现一些大众效果。非常适合后台开发。以下为
1、说明，一般用户头像在上传的时候都会处理为正方形，如果没有处理该怎么正确显示用户头像呢？解决方案：用css强制
在线地址移动端：戳这里
<div class="main-meimg"><img src="http://playback-langli
一、继承
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5 <tit
客服
