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

随笔分类 -  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)
摘要:JS代码和CSS代码在上线前要压缩大家应该都是知道的了。记得之前做项目的时候,最后要交差的时候是找了个网站,将JS代码的文件一个一个地复制,粘贴,复制,粘贴。当时就在想:TMD有没有好一点的方法,劳资不想老是用Ctrl大法。啊啊啊啊啊啊啊啊阿~。最最坑爹的是,有时候将代码复制粘贴的时候手一抖可能就删... 阅读全文
posted @ 2015-08-10 23:05 manfredHu 阅读(1893) 评论(2) 推荐(1)
摘要:outline这个属性平时用的不太多,最近被问及专门研究一下这个属性的作用。CSS2加进来的outline属性,中文翻译过来是外轮廓。神马是轮廓?轮廓,指边缘;物体的外周或图形的外框。那这样的话外轮廓就是在外部的边框咯。看一下正式的定义:outline (轮廓)是绘制于元素周围的一条线,位于边框边缘... 阅读全文
posted @ 2015-07-31 10:13 manfredHu 阅读(5084) 评论(0) 推荐(0)
摘要:浮动,CSSfloat属性。学过的人应该知道这个属性,平时用的应该也是很多的。特别是在N栏布局中。 但是我们会经常遇到这样一种情况,前面的元素浮动之后会影响后面的元素,后面的元素需要用清除浮动来消灭前面元素的影响。 以前经常就是用<div style="clear:both"></div>或者<br 阅读全文
posted @ 2015-07-11 23:15 manfredHu 阅读(3720) 评论(0) 推荐(0)
摘要:两栏布局大家应该经常用了,但是遇到坑爹的要两栏的高度对齐的话要怎么办呢? 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 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的一些属性可能比较新,有一些书从国外翻译到国内的时间上会延缓1-2年。所以有一些东西还需要及时整理。下面说一下CSS3的一个属性:transform其实字面上的意思已经很明显了就是变化,变幻的意思。那到底怎么个变法?transform可以选下面几个值:旋转-rotate(rotatex,ro... 阅读全文
posted @ 2015-04-24 23:47 manfredHu 阅读(970) 评论(0) 推荐(0)
摘要:这是文件的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: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)
摘要:对着IE久了也有感觉了,在win10出新浏览器以及中国的IE6+用户没有普及新的浏览器前IE还是个坑,所以hack这东西还是要掌握一点的。不废话直接贴图 记得之前在项目里面针对IE6的hack是这样写的_bakcground:#fff;其实这只是能给IE6用罢了。 黄色部分为选择器hack IE H 阅读全文
posted @ 2015-03-19 15:46 manfredHu 阅读(2059) 评论(0) 推荐(0)
摘要:上图是项目得到的图片,代码如下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选择框在各浏览器的显示有不同。下面我们通过对主要CSS属性的支持,打造全兼容select。对select的height、padding、line-height分别利用控制变量的方法写了个DEMO在各浏览器上测... 阅读全文
posted @ 2014-12-18 22:01 manfredHu 阅读(2505) 评论(0) 推荐(0)
摘要:后台管理菜单 帐号管理 帐号管理 修改密码 修改用户名 设置密保问题 首页管理 首页管理 轮转照片设置 ... 阅读全文
posted @ 2014-11-23 11:15 manfredHu 阅读(348) 评论(0) 推荐(1)

推荐
返回顶部