随笔分类 -  css2必记点提高效率

摘要:转载:http://blog.sina.com.cn/s/blog_6387e82401013kx8.html js的图片的横向或者竖向的无缝滚动图片。 ttp://zx.bjmylike.com/ http://zx.bjmylike.com/fe/release/js/index_4e1f23f 阅读全文
posted @ 2016-12-08 11:07 飘然离去 阅读(367) 评论(0) 推荐(0)
摘要:如果原来的宽度是1200, 缩放之后宽度可能就变成了1560, 然后你本来的图片1200可能就开始显示不全了。 如果你的图片按100%显示的话,这个时候又正常了。 阅读全文
posted @ 2016-06-28 18:06 飘然离去 阅读(433) 评论(0) 推荐(0)
摘要:因为工作以后,一直做Js,所以css只能是练习。哈哈 这个下拉列表,的宽度是固定的最好,如果不是固定的很难看的,所以最好有输入字体的限制。 显示y轴方向的滚动条 阅读全文
posted @ 2016-06-09 11:20 飘然离去 阅读(447) 评论(0) 推荐(0)
摘要:有两个值一个是:scrollTop一个是scrollLeft第一个代表页面利用滚动条滚动到下方时,隐藏在滚动条上方的页面的高度;第二个代表页面利用滚动条滚动到右侧时,隐藏在滚动条左侧的页面的宽度 document.body.scrollLeft document.body.scrollTop 2.如 阅读全文
posted @ 2016-05-15 18:20 飘然离去 阅读(173) 评论(0) 推荐(0)
摘要:1.如果用absolute的时候一定要注意,bottom如果为)的话,一定要注意上一级的relative是否有height. 2.chrome浏览器,我们需要注意的是width包含了padding,但是margin只是用棕黄色表示。所以我们布局div一定要看是否有padding,有的话,我们的wid 阅读全文
posted @ 2016-05-13 21:15 飘然离去 阅读(145) 评论(0) 推荐(0)
摘要:1.尽量少写div。别没事干就加一个div层。 我们尽量做到代码清晰,结构清晰。 2.css的定位,漂浮,容量,margin,padding我们用的时候尽量。 写的时候,有很多种,但是我们必须要求自己用最简单的,这样子我们首先页面的能力才能大幅度提高。 出现问题的时候,才可以秒解决。 3.布局的时候 阅读全文
posted @ 2016-05-13 14:53 飘然离去 阅读(150) 评论(0) 推荐(0)
摘要:如果这个100px的宽度是一个Img,横内元素。右边也是横内元素的话和块级元素是不同的。 2.文字环绕图片。 div下有个img然后有个span标签 img最好悬浮,悬浮虽然说脱离文档,但是还是占空间的。 所以span中的问题可以围绕他。 或者div下有个img标签,然后一堆文字也行,具体的自己看。 阅读全文
posted @ 2016-05-12 13:03 飘然离去 阅读(397) 评论(0) 推荐(0)
摘要:matrix(n,n,n,n,n,n) 定义 2D 转换,使用六个值的矩阵。translate(x,y) 定义 2D 转换,沿着 X 和 Y 轴移动元素。translateX(n) 定义 2D 转换,沿着 X 轴移动元素。translateY(n) 定义 2D 转换,沿着 Y 轴移动元素。scale 阅读全文
posted @ 2016-05-01 12:49 飘然离去 阅读(285) 评论(0) 推荐(0)
摘要:一个不能再牛的个人简历,请用pc观看:http://strml.net/ 用css来画圆http://jingyan.baidu.com/article/c910274be4dd69cd371d2d48.html http://www.blogbus.com/aakwgoog-logs/206344 阅读全文
posted @ 2016-05-01 11:42 飘然离去 阅读(224) 评论(0) 推荐(0)
摘要:1.响应式布局: <link rel="stylesheet" href="1.css" media="screen and (min-width:1000px)"> <style> @media screen and (min-width: 600px) { .one{ border:1px so 阅读全文
posted @ 2016-05-01 11:34 飘然离去 阅读(389) 评论(0) 推荐(0)
摘要:0 css本来也是一个比较乱的东西,我们需要在最恰当的情况下,写出最杂乱的效果。1 面对body设置了 -webkit-font-smoothing:antialiased (默认值为subpixel-antialiased),在黑又粗的大号文本面前还可以一看,但到了到处是小字的小组帖子那边就快眼瞎 阅读全文
posted @ 2016-05-01 09:35 飘然离去 阅读(141) 评论(0) 推荐(0)
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .trapezoid{ border-bottom: 100px solid red; border 阅读全文
posted @ 2016-04-30 13:00 飘然离去 阅读(645) 评论(0) 推荐(0)