css
两年不用下次再用不知道什么时候的账号
这个作者很懒,什么都没留下…
展开
-
关于网页排版背景图片的问题
1.整个网页背景图为某个图片设置方法:在css文件中添加以下代码2.某块要将某个图片设为背景<div> <img src="图片来源" width='xxxpx';height='xxxpx' alt=""> </div>原创 2017-06-09 22:49:01 · 350 阅读 · 0 评论 -
点击li跳到对应的div位置
1,利用a标签body>divstyle="background:red"id="1" name="1">div>divstyle="background:green"id="2" name="2">div>divstyle="background:black"id="3" name='3'>div>a href="#1">1a>原创 2017-12-28 15:14:33 · 2067 阅读 · 0 评论 -
设置ul滚动条,手风琴滚动条
给ul或者父元素设置一个固定高度,然后设置overflow:auto 当超过父元素高度时就会自动出现滚动条。原创 2017-11-28 14:47:57 · 7968 阅读 · 1 评论 -
重构(reflow)与重绘(repaint)
reflow意味着结构的改变,比如一堆元素堆叠,改变其中一个的宽高,那么相应的所有元素的位置都要改变.repaint意味着样式的改变比如div调整了背景色等,但是位置不变,只改变我们操作的元素.所以通常来看repaint的代价要远小于reflow,速度也更快.原创 2017-12-13 15:32:17 · 947 阅读 · 0 评论 -
如何把一个图片不变形的放在更小的div中(适用于移动端)
html代码div class="title-img">img src="。。。"alt="">div>css代码.title-img{width: 100%;height: 3.22rem;margin:0auto;text-align:center;overflow:hidden;}.title-img原创 2017-11-14 10:38:16 · 2709 阅读 · 0 评论 -
placeholder兼容问题
(function($) { var placeholderfriend = { focus: function(s) { s = $(s).hide().prev().show().focus(); var idValue = s.attr("id"); if (idValue) { s.attr原创 2017-11-01 16:37:42 · 263 阅读 · 0 评论 -
登录页面的背景图
由于标签的图片不能够拉伸,解决办法:1、图片不够大,又background属性不能拉伸图片; 2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用 3、body的background属性去掉,要不然会被遮住body> div style="position:absolute; width:100%; hei原创 2017-11-01 11:38:07 · 7445 阅读 · 1 评论 -
各种top
top:该属性一般对用过css定位的元素有效(position为“static”时为auto,不产生效果),定义了一个top属性有效的元素(即定位元素)的上外边距边界与其包含块上边界之间的偏移。clientTop:元素上边框的厚度,当没有指定边框厚底时,一般为0。scrollTop:位于对象最顶端和窗口中可见内容的最顶端之间的距离,简单地说就是滚动后被隐藏的高度。offse原创 2017-09-19 16:56:24 · 629 阅读 · 0 评论 -
清除tr td的缝隙
table{border-collapse:collapse;}原创 2017-08-04 20:04:22 · 1659 阅读 · 0 评论 -
css三角形的IE兼容写法
span{ border-style: dashed dashed solid dashed;//上 右 下 左 想哪边为三角形 就把哪边写成solid border-color: transparent; border-top-color: green; border-width: 5px; width:原创 2017-08-07 20:30:50 · 460 阅读 · 0 评论 -
在html中编辑的文字在网页上打开后多次点击会变蓝
解决方法:变蓝是因为浏览器添加了默认的事件 自己修改下就行1。js方法$('不要变蓝的元素').bind("selectstart", function () { return false; });2.css方法body{-webkit-user-select: none; -moz-user-select: none; -ms-user-select:原创 2018-01-29 14:30:06 · 1662 阅读 · 0 评论