Manfred Hu的技术博客 http://www.cnblogs.com/manfredHu/ Stay hungry,stay foolish.Keep looking,don't settle.

随笔分类 -  CSS

CSS总结
摘要：1.清除浮动老生常谈的话题，面试经常问的问题 解决方法有很多种，这里讲几种1.1 子元素加clear Some Text .news{ background: gray; border: solid 1px black;}.news p{ float: right;}.... 阅读全文
posted @ 2016-01-20 14:14 manfredHu 阅读(730) 评论(0) 推荐(2)
使用Ant和YUICompressor链接合并压缩你的JS和CSS代码
摘要：JS代码和CSS代码在上线前要压缩大家应该都是知道的了。记得之前做项目的时候，最后要交差的时候是找了个网站，将JS代码的文件一个一个地复制，粘贴，复制，粘贴。当时就在想：TMD有没有好一点的方法，劳资不想老是用Ctrl大法。啊啊啊啊啊啊啊啊阿~。最最坑爹的是，有时候将代码复制粘贴的时候手一抖可能就删... 阅读全文
posted @ 2015-08-10 23:05 manfredHu 阅读(1893) 评论(2) 推荐(1)
outline详解
摘要：outline这个属性平时用的不太多，最近被问及专门研究一下这个属性的作用。CSS2加进来的outline属性，中文翻译过来是外轮廓。神马是轮廓？轮廓，指边缘；物体的外周或图形的外框。那这样的话外轮廓就是在外部的边框咯。看一下正式的定义：outline （轮廓）是绘制于元素周围的一条线，位于边框边缘... 阅读全文
posted @ 2015-07-31 10:13 manfredHu 阅读(5084) 评论(0) 推荐(0)
IE6+以上清除浮动普遍方法总结
摘要：浮动，CSSfloat属性。学过的人应该知道这个属性，平时用的应该也是很多的。特别是在N栏布局中。 但是我们会经常遇到这样一种情况，前面的元素浮动之后会影响后面的元素，后面的元素需要用清除浮动来消灭前面元素的影响。 以前经常就是用<div style="clear:both"></div>或者<br 阅读全文
posted @ 2015-07-11 23:15 manfredHu 阅读(3720) 评论(0) 推荐(0)
使用display:table使两栏布局高度相等
摘要：两栏布局大家应该经常用了，但是遇到坑爹的要两栏的高度对齐的话要怎么办呢？ 1 2 3 4 5 6 Examples 7 34 35 36 37 38 39 这是测试40 这是测试41 这是测试4... 阅读全文
posted @ 2015-06-30 11:50 manfredHu 阅读(1031) 评论(0) 推荐(0)
contenteditable支持度
摘要：contenteditable attribute (basic support)- Working DraftGlobal user stats*:Support:86.71%Partial support:0.32%Total:87.03%Method of making any HTML el... 阅读全文
posted @ 2015-04-29 23:06 manfredHu 阅读(276) 评论(0) 推荐(0)
CSS3的transform属性
摘要：CSS3的一些属性可能比较新，有一些书从国外翻译到国内的时间上会延缓1-2年。所以有一些东西还需要及时整理。下面说一下CSS3的一个属性：transform其实字面上的意思已经很明显了就是变化，变幻的意思。那到底怎么个变法？transform可以选下面几个值：旋转-rotate（rotatex,ro... 阅读全文
posted @ 2015-04-24 23:47 manfredHu 阅读(970) 评论(0) 推荐(0)
CSS3实现页面的平滑过渡
摘要：这是文件的css，全部文件的话请到Github下载：点击这里 1 @charset "UTF-8"; 2 @font-face {font-family: 'iconfont'; 3 src: url('font/iconfont.eot'); /* IE9*/ 4 src:... 阅读全文
posted @ 2015-04-20 16:30 manfredHu 阅读(1457) 评论(0) 推荐(0)
border-radius几种写法的原理剖析
摘要：border-radius:40px;border-radius:40px/20px;border-radius:40px 20px;border-radius:40px 20px 10px 5px;今天主要是测试上面四种border-radius的写法。首先是第一种。border-radius:4... 阅读全文
posted @ 2015-03-29 23:36 manfredHu 阅读(1696) 评论(0) 推荐(1)
浏览器的CSS各种hack，大汇总
摘要：对着IE久了也有感觉了，在win10出新浏览器以及中国的IE6+用户没有普及新的浏览器前IE还是个坑，所以hack这东西还是要掌握一点的。不废话直接贴图 记得之前在项目里面针对IE6的hack是这样写的_bakcground:#fff;其实这只是能给IE6用罢了。 黄色部分为选择器hack IE H 阅读全文
posted @ 2015-03-19 15:46 manfredHu 阅读(2059) 评论(0) 推荐(0)
CSS3做小三角形
摘要：上图是项目得到的图片，代码如下1 2 管理员:88883 您的登陆时间是:2015/3/17 21:31:394 代码非常简单直接，就是一个登陆信息的展示。前面的小三角形是用CSS3做的。CSS代码如下： 1 div.welcome:before { 2 content:""; 3 ... 阅读全文
posted @ 2015-03-17 22:00 manfredHu 阅读(399) 评论(0) 推荐(0)
主流浏览器
摘要：CSS中浏览器的前缀名字：前缀渲染引擎-khtml-KHTMLKonqueror-ms-TridentInternet Explorer-moz-MozillaFirefox,Camino,Flock-o-PrestoOpera,Opera Mobile,Opera Mini-webkit-Webk... 阅读全文
posted @ 2015-03-11 13:06 manfredHu 阅读(391) 评论(0) 推荐(0)
select在各个浏览器中的兼容性问题
摘要：我们知道select标签在各个浏览器中的属性和各浏览器的支持各有些不同，从而造成select选择框在各浏览器的显示有不同。下面我们通过对主要CSS属性的支持，打造全兼容select。对select的height、padding、line-height分别利用控制变量的方法写了个DEMO在各浏览器上测... 阅读全文
posted @ 2014-12-18 22:01 manfredHu 阅读(2505) 评论(0) 推荐(0)
小鲜肉初学JS做得仿京东淘宝竖排二级导航
摘要：后台管理菜单 帐号管理 帐号管理 修改密码 修改用户名 设置密保问题 首页管理 首页管理 轮转照片设置 ... 阅读全文
posted @ 2014-11-23 11:15 manfredHu 阅读(348) 评论(0) 推荐(1)

推荐
返回顶部