css
q1054261752
这个作者很懒,什么都没留下…
展开
-
div自动居于窗口的正中间的css原理
.window{ width: 400px; position: absolute; margin-left: -200px; margin-top: -80px; top: 50%; left: 50%; display: block; z-index: 2000; border: 1px solid #006699;}原理是这样的:因为这个块元素是绝对定位positio转载 2015-10-18 11:14:04 · 8821 阅读 · 0 评论 -
使表单居中的方式
#login{ width:400px; height:280px; position:absolute; left: 50%; top: 50%; margin-left:-200px; margin-top:-140px; border:1px; background-color:red; align:center;原创 2015-10-18 16:50:29 · 22438 阅读 · 0 评论 -
css做遮罩了写法
id="loading" style="position: fixed;top: -50%;left: -50%;width: 200%;height: 200%;background: #fff;z-index: 100;overflow: hidden"> src="${staticPath }/static/style/images/ajax-loader.gif" style="p原创 2016-08-30 20:32:59 · 604 阅读 · 0 评论 -
父级元素未设置高度和宽度时高度塌陷问题的解决方法
父元素未设置高度和宽度的时候。那么它的高度就会塌缩为零 Document .box1{ border: 1px solid red; background-color: red; } .box2{ width: 200px; height: 200px; background-color: pink; float: left原创 2017-03-02 12:57:36 · 1168 阅读 · 0 评论 -
IE6、IE7下a标签后面的span元素向右浮动后错位的解决方法
把右浮动的span元素放在了a标签之后,会导致在IE6、IE7这些老式浏览器下显示错位的情况,代码如:[html] view plain copy div style="border:1px solid red">a href="#">关于我们a>span style="float:right">2011-15-15 15:00:45span>d转载 2017-03-02 19:28:24 · 695 阅读 · 0 评论 -
哪个声明能够实现首行缩进2个字符
text-indent用来规定文本块中首行文本的缩进但是px是绝对单位,20px不一定正好是两个字符,而em是相对单位,1em的大小是当前1个字体的大小,因此2em正好是两个字符。另提示:text-indent的值允许负值,因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px.转载 2017-03-04 09:12:32 · 2359 阅读 · 0 评论 -
css经常需要hack
做前端多年,虽然不是经常需要hack,但是我们经常会遇到各浏览器表现不一致的情况。基于此,某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的,要知道一名好的前端,要尽可能不使用hack的情况下实现需求,做到较好的用户体验。可是啊,现实太残酷,浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协,虽然这只是个别情况。今天,结合自己的经转载 2017-03-03 21:21:20 · 214 阅读 · 0 评论 -
css制做外发光的效果
.wrap .nav .nav_right li.nav_li_section:hover{ border:1px solid #FC0; box-shadow:0 0 8px #DDD; -moz-box-shadow:0 0 8px #DDD; -webkit-box-shadow:0 0 8px #DDD; }转载 2017-03-09 10:23:58 · 11387 阅读 · 0 评论