随笔分类 -  css

摘要:break-before、break-after、break-inside属性理解 他们的功能与page-break-before、page-break-after、page-break-inside三个属性相同,即设置属性元素前/后/内部进行分页 column-width、column-count 阅读全文
posted @ 2017-09-11 20:47 胖胖的小王 阅读(107) 评论(0) 推荐(0)
摘要:diasplay:none;与visibility:hidden;的区别 diasplay:none;在浏览时保留位置,(为隐藏对象保留物理空间)visibility:hidden; 视为不存在,且不加载(不为隐藏对象保留物理空间) outline与border的对比 block,inline和in 阅读全文
posted @ 2017-09-11 18:58 胖胖的小王 阅读(164) 评论(0) 推荐(0)
摘要:在Photoshop中制作GIF图片时,要使用索引色彩模式 alpha通道与opacity属性的区别 alpha通道设定透明度的时候需要单独对每一个设定,而opacity直接就运用在了整个标签上,这就是两者最大的区别,总结来说,opacity只能设定整个元素的透明值,而alpha通道可以特定对元素的 阅读全文
posted @ 2017-09-11 18:57 胖胖的小王 阅读(128) 评论(0) 推荐(0)
摘要:word-spacing与letter-spacing的区别 word-spacing定义单词与单词之间的距离,对中文无效;letter-spacing定义字母与字母之间的距离 text-overflow属性的语法及参数 text-overflow属性的参数 clip:不显示省略标记(...),只是 阅读全文
posted @ 2017-09-05 12:14 胖胖的小王 阅读(154) 评论(0) 推荐(0)
摘要:background-position 属性 有三种表示方法: 总是以元素左上角为坐标原点对背景图片进行定位(padding-box,padding的边缘) background-origin 属性 background-attachment设置为fixed,background-origin将不起 阅读全文
posted @ 2017-08-30 13:07 胖胖的小王 阅读(97) 评论(0) 推荐(0)
摘要:优雅降级与渐进增强 优雅降级:为不同性能级别的用户设计不那么完美的应用 渐进增强;是一种开发方式和设计理念,保证最核心的功能实现,让低端用户也能看到站点内容,然后再使用高端的增强功能,给用户带来更好的体验 选择器注意点 (动态伪类选择器)爱恨原则 定义链接样式时务必确认定义的顺序,link--vis 阅读全文
posted @ 2017-08-23 15:11 胖胖的小王 阅读(80) 评论(0) 推荐(0)
摘要:relative限制定位 相对定位限制绝对定位left等属性。 relative限制z-index层级 设置两个用绝对定位的div,分别为z-index:1的div1和z-index:2的div2,那么层级div2大于div1。如果用相对定位的div分别为z-index:4的div4和z-index 阅读全文
posted @ 2017-07-19 11:33 胖胖的小王 阅读(146) 评论(0) 推荐(0)
摘要:CSS3文字与字体 text-overflow 与 word-wrap text-overflow用来设置是否使用一个省略标记(...)标示对象内文本的溢出。 语法: 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(wh 阅读全文
posted @ 2017-04-27 17:32 胖胖的小王 阅读(138) 评论(0) 推荐(0)
摘要:CSS3 1.CSS3边框 圆角效果 border-radius border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius的值只能用px单位,你还可以用百分比 阅读全文
posted @ 2017-04-25 22:55 胖胖的小王 阅读(106) 评论(0) 推荐(0)