Css
comeonstone
这个作者很懒,什么都没留下…
展开
-
链接外有虚框的解决方法
链接外有虚框的解决方法a:hover,a:active{ outline:none;}a {star:expression(this.onFocus=this.blur());}第一个对应Firefox、Chrome等浏览器(ie8、ie9也有效)下边一个对应ie7浏览器原创 2013-06-25 17:30:58 · 1057 阅读 · 0 评论 -
webFontIcon三种字体图标详解
webFontIcon,三种字体图标使用简要说明原创 2015-09-22 16:15:18 · 3855 阅读 · 0 评论 -
文字、图片并排,如何对齐
在界面中,这种图片文字在同一行的现象很常见,在布局时,因为需要,将两个元素写在一个a标签中,但文字总是底对齐与图片,让人很头疼。今天忽然发现解决的办法,将图片或文字任一个float一下就OK了。原创 2013-06-20 17:20:30 · 1828 阅读 · 0 评论 -
input框中有图片,如何布局实现
现在很多的页面为了美观、形象,一般都会在用户名,密码等输入框中加一个图片,以便更形象的说明这个输入框的用意。美工的一个小图片,却给前端带来了很多麻烦,如何定位小图片,并且兼容各大浏览器(包括ie6)成了一个令人头疼的问题。比如,具体的实现办法如下.item-ifo {position: relative;width: 307px;}.item-ifo .ico {width原创 2013-07-30 19:11:55 · 4160 阅读 · 0 评论 -
并排两个对象对不齐如何解决
并排两个对象对不齐如何解决,比如一个复选框加文字,经常见,但问题总是很多,如何让它们两个并排对齐,有时候就是几个像素的问题,但各个浏览器就是不一样,特别是ie6.今天忽然发现了解决这类问题的办法。原创 2013-08-01 15:47:35 · 1526 阅读 · 1 评论 -
ie6/ie7中li下方有间距
ie6/ie7中li下方有间距原创 2013-11-06 17:34:01 · 1911 阅读 · 1 评论 -
前端工程师应该保存的css3片段
面对每年如此多的 新趋势 ,保持行业的领先是个很困难问题. 网站设计者和前端工程师都已经全面的使用 CSS3 properties, 决定这些的是 浏览器支持 和新的特性. 但是还是有些优秀的CSS2代码片段和CSS3一起运行中. 这篇文字里我会介绍 50 个便于使用的 CSS2/CSS3 代码片段 给所有的WEB专业人员. 选择IDE开发环境来存储这些是个不错选择, 或转载 2014-02-24 14:48:56 · 1654 阅读 · 0 评论 -
Less的点滴总结
Less is more than css.LESS 是动态的样式表语言,通过简洁明了的语法定义,使编写 CSS 的工作变得非常简单。LESS 可以直接在客户端使用,也可以在服务器端使用。在实际项目开发中,我们更推荐使用第三种方式,通过 LESS 的编译器,将 LESS 文件编译生成静态 CSS 文件,并在 HTML 文档中应用。1、变量@border-color : #b原创 2015-06-19 14:46:21 · 826 阅读 · 0 评论 -
单选-复选按钮自定义样式
单选-复选按钮自定义样式原创 2015-04-20 15:07:47 · 1470 阅读 · 1 评论 -
标签内字体竖排
h5{ width: 10px; font-size: 12px; word-wrap: break-word; height: 80px; vertical-align: middle;}在标签里将宽度设定,加上word-wrap属性就可以实现竖排,其他的属性都是为了调整样式而添加的。原创 2013-06-25 17:50:35 · 1614 阅读 · 0 评论 -
多个元素并排一行,div+css布局乱码,如何进行处理
想要实现上述效果,可以有很多种方法,比如:1> pic左浮动,右边word统一命名并且右浮动,word需要加一个border-bottom样式,小梦梦word_name、word_num分别用span实现,但此时问题出现了。word_num的宽度无法固定,会随着数字的个数而变化。原因如下:span属于行内元素,行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,原创 2013-06-18 09:27:24 · 2447 阅读 · 0 评论 -
css滤镜
今天因工作需要,尝试着用一下滤镜,结果就三行代码就ok了,现在记录一下,以便大家参考,当然对于滤镜这块,之后还会再加学习补充。filter:alpha(opacity=80); /* 用于IE浏览器-透明度为20%*/ -moz-opacity:0.8;/* 用于Moz + Firefox-透明度为20%*/ opacity: 0;原创 2013-06-20 17:28:16 · 528 阅读 · 0 评论 -
.clearfix:after clear:both
.clearfix:after clear:both在写HTML代码的时候,创造在Firefox等符合W3C标准 的涉猎器中,如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有clear,导致不能被撑开。看下面的例子:TEST DIVTEST DIVCSSBBSTEST DIVTEST DIVTEST DIV运行这转载 2013-06-25 11:33:58 · 1476 阅读 · 0 评论 -
div+css布局问题汇集
div+css布局,有很多的模型,但都遵循一定的规则。下方就是我的一些理解。1、在css里边,首先会定义整体的,比如*{ },body{ },在这些里边,会定义如下内容,margin,padding,font-family,font-size,line-height,width,height,outline2、网站的logo,一般会用两个css进行实现, #logo{原创 2013-03-14 17:12:32 · 790 阅读 · 0 评论 -
CSS3径向渐变色的一种
background:-webkit-gradient(radial,60 45,10,52 50,60,from(#a7d30c),to(rgba(1,159,98,0)),color-stop(90%,#019f62)); /*记录一下,方便之后查找*/原创 2014-07-21 17:46:55 · 576 阅读 · 0 评论 -
将所需要的小图标放在一图片中,用像素定位图片
经常我们在网站中看到如下的css代码: .accordion > li > a:before { position: absolute; top: 0; left: 0; content: ''; width: 24px; height: 24px; margin: 4px 8px;background-repeat: no-repeat; backgrou原创 2012-08-17 09:16:31 · 1108 阅读 · 0 评论 -
用div+css布局,控件排布乱了,如何解决
1、上方块,一个左浮动,一个右浮动,下方如果再有左右浮动时,会乱,加一句下方的代码: clear:borth;2、窗口缩小,界面控件乱,在body中,加下边一句代码: min-width:1024px;3、布局后,离上下左右有间隙,在body中加下边一句代码: margin:0px; padding:0px;4、如果需要写的东西多,另外加载原创 2013-01-09 18:11:36 · 1693 阅读 · 0 评论 -
图片轮换的按钮如何通过像素定位
图片轮换效果是很多网站某些模块所需要的样式,但对于两边的按钮的加载与控制,常常让人不知所措,很头大。网上也有很多种这样的特效,会将左右两边的图片做到一张图上,用像素定位即可获得想要的图片效果。比如小按钮的图片为下边是css的样式a.abtn{ display: block; height: 130px; width: 15px; ove原创 2013-06-28 11:50:27 · 1475 阅读 · 0 评论 -
小三角如何实现--css-before-after
小三角如何实现--css-before-after原创 2016-01-21 15:06:13 · 3618 阅读 · 0 评论