HTML+CSS
专注前端技术开发3-5年
不想成为全栈攻城狮的程序猿,不是一名好码农!
展开
-
.clearfix:after(清除浮动)中各个属性及值详细解说
清除浮动.clearfix:after一词,从事web前端的朋友们对此不会陌生吧,下面为大家介绍的是.clearfix:after中用到的所有属性及值的含义,对此感兴趣的朋友可以参考下哈想,希望对大家有所帮助 清除浮动.clearfix:after一词,从事web前端的朋友们对此不会陌生吧,下面为大家介绍的是.clearfix:after中用到的所有属性及值的含义,对此感兴趣的朋友可以参考下哈想,转载 2015-02-10 11:33:57 · 892 阅读 · 0 评论 -
css实现背景透明,文字不透明的两种方法
兼容各浏览器且效果一致。设置元素的透明度: -moz-opacity:0.8; /*在Firefox中设置元素透明度 filter: alpha(opacity=80); /*ie使用滤镜设置透明例如: <div><p>不透明</p></div> div{-moz-opacity:0.3;filter:alpha(opacity=30);background:#000;width:500p原创 2015-03-25 21:15:12 · 1070 阅读 · 0 评论 -
CSS兼容浏览器经验总结
background背景图片没有显示IE下不显示: background: url(../images/icon/confirmAddbg.jpg)top center repeat-x; {background: url(../images/icon/winxin.jpg)no-repeat!important;}以上两种方式均无法在IE下显示出图片。下面为兼容后的写法: background原创 2015-02-27 17:53:29 · 528 阅读 · 0 评论 -
CSS工作流
一、书写规范 1、使用2个空格的缩进; 2、使用Unix风格换行符(LF); 3、删除行尾多余的空格; 4、文件末尾增加一个空行。 以上的创作规范可以在编程器,如在Sublime Text中写一个插件自动实现以上功能。二、重置1、CSS Reset:如使用*选择器是一种简单粗暴的效果,会重置浏览器的默认样式,其效率会降低很多,尽管没有人通过实践证明过它:*{margin:0; padd原创 2015-04-04 11:59:13 · 1154 阅读 · 0 评论 -
CSS绘制三角形、爱心、对话框、钻石等方法
一、纯CSS实现三角形的3种方法1.利用 border 属性实现三角形 2.利用”◆“字符实现三角形 3.利用 CSS3 transfrom 旋转 45 度实现三角形二、纯CSS画的基本图形三、使用 before 和 :after 伪元素实现箭头、气泡让提示功能具有三角形图标四、css实现三角形方法兼容ie6转载 2015-04-08 17:15:44 · 904 阅读 · 0 评论