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

浙公网安备 33010602011771号