样式
文章平均质量分 83
charlene程程
这个作者很懒,什么都没留下…
展开
-
js中css样式的操作
HTML中定义样式的方式有三种:通过元素包含外部样式表文件、使用元素定义嵌入式样式,以及使用style特性定义针对特定元素的样式。“DOM2级样式"模块围绕这3种应用样式提供了一套API。要确定浏览器是否支持DOM2级定义的CSS能力,可以使用下列代码:var supportsDOM2CSS=document.implementation.hasFeature("CSS","2.0";var原创 2016-01-17 18:00:50 · 2751 阅读 · 0 评论 -
css3中的flex布局
Flexbox布局(伸缩布局盒模型)css3引入了一种新的布局模式--flexbox布局,即伸缩布局盒模型(flexible box),用来提供一个更加有效地方式制定、调整和分布一个容器里项目布局,即使他们的大小是未知或者动态的flexbox布局常用于设计比较复杂的页面,可以轻松的实现屏幕和浏览器窗口大小发生变化时保持元素的相对位置和大小不变,同时减少了依赖于浮动布局实现元素位置的定义原创 2016-02-22 12:23:11 · 2400 阅读 · 0 评论 -
css3实现动画效果常用方法
早期在Web中要实现动画效果,都是依赖于JavaScript或Flash来完成。但在CSS3中新增加了一个新的模块transition,它可以通过一些简单的CSS事件来触发元素的外观变化,让效果显得更加细腻。简单点说,就是通过鼠标的单击、获得焦点,被点击或对元素任何改变中触发,并平滑地以动画效果改变CSS的属性值。早期在web中要实现动画效果,都是依赖于JavaScript或flash来完原创 2016-02-21 15:03:34 · 34226 阅读 · 3 评论 -
前端布局时的浏览器兼容性问题
在这里总结一下css布局时常见的浏览器兼容性问题1 盒模型IE6的盒模型和W3C标准的盒模型不同W3C中的盒模型所定义的宽度和高度为内容区域的宽度和高度 但是盒模型的总大小为margin+border+padding+widthIE的盒模型所定义的宽度和高度为盒模型的总宽度和总高度,width=margin+border+padding+content-width原创 2016-04-26 13:36:58 · 4697 阅读 · 0 评论