Milk.╮

2016年8月5日

摘要：行内元素（如a标签），在文档流中的时候因为是行内元素所以无法设置宽高；而当设置了绝对定位或者浮动，会生成块框（即变成块元素），所以就可以设置宽高了阅读全文

posted @ 2016-08-05 22:22 Milk.╮ 阅读(766) 评论(0) 推荐(0)

摘要：已知一个div内有一个img，两者的高度均不知道，但图片的高度一定小于div的高度代码如下： .box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:cente 阅读全文

posted @ 2016-08-05 22:04 Milk.╮ 阅读(762) 评论(0) 推荐(0)

如何实现浮动元素居中

摘要： <div class="box"> <p>我是浮动的</p> <p>我是居中的</p> </div> .box{ float: left; position: relative; left: 50%; } p{ float: left; position: relative; right: 50%; 阅读全文

posted @ 2016-08-05 20:55 Milk.╮ 阅读(364) 评论(0) 推荐(0)

a标签的四个伪类是什么？如何排序？为什么？

摘要：爱恨分明原则: l v h a 注释：为了产生预期的效果，在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后 ! 注释：为了产生预期的效果，在 CSS 定义中，a:active 必须位于 a:hover 之后！！注释：Pseudo-class（伪类）的名称对大阅读全文

posted @ 2016-08-05 20:07 Milk.╮ 阅读(1072) 评论(0) 推荐(0)

三级联动第二种方法三级联动.html

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <select id="province" name="province"> <option value="">请选择</optio 阅读全文

posted @ 2016-08-05 11:54 Milk.╮ 阅读(1184) 评论(0) 推荐(0)

三级联动第二种方法三级联动数据.js

摘要： var data = { '0':{2:'北京',25:'天津',24:'上海',31:'重庆',130000:'河北省',140000:'山西省',150000:'内蒙古自治区',210000:'辽宁省',220000:'吉林省',230000:'黑龙江省',320000:'江苏省',330000 阅读全文

posted @ 2016-08-05 11:54 Milk.╮ 阅读(1905) 评论(0) 推荐(0)

2016年8月4日

媒体查询导航条换

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ width: 100%; height: 10 阅读全文

posted @ 2016-08-04 17:47 Milk.╮ 阅读(353) 评论(0) 推荐(0)

点击图放大此图

摘要：点击图放大此图，并且周围有滤镜效果，再点击出现的大图恢复原来状态。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 阅读全文

posted @ 2016-08-04 11:54 Milk.╮ 阅读(141) 评论(0) 推荐(0)

CSS滤镜模糊效果

摘要： .blur { -webkit-filter: blur(6px); -moz-filter: blur(6px); -ms-filter: blur(6px); filter: blur(6px); } 阅读全文

posted @ 2016-08-04 11:28 Milk.╮ 阅读(229) 评论(0) 推荐(0)

2016年8月3日

彩色滚动条

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>彩色进度条</title> <style type="text/css"> * { margin: 0; padding: 0; } *, *:before, *:after { 阅读全文

posted @ 2016-08-03 17:21 Milk.╮ 阅读(348) 评论(0) 推荐(0)

公告