摘要: 在css布局方式中,div 是这种布局方式的核心对象,我们的页面排版不再依赖于表格,仅从div的使用上说,做一个简单的布局只需要两样东西:div 与 css。因此我们称这种布局方式为 div + css 布局。例: 了解布局,首先要知道文档流。文档流其实就是指浏览器生成页面的顺序。它是浏览器解析网页 阅读全文
posted @ 2016-08-16 21:36 晓伤 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 在制作自定义动画时,有以下八个样式可供选择: 在定义了这些动画的基本属性之后,我们制作动画还需要制定动画的关键帧keyframes; 其用法为 通过动画名称来确定是哪一个元素要产生动画,通过时间段内特殊点的样式来使得动画效果符合预期。 例: 通过以上设置,我们便做出了一个简单的平移动画效果,想要让动 阅读全文
posted @ 2016-08-16 20:12 晓伤 阅读(528) 评论(0) 推荐(0) 编辑
摘要: 在css3的标准中新增加了变形样式,这些样式使得网页中各元素的位置形状的变换变得更加容易。其语法如下: 其中对于<transform-function>这一属性值,css中规定了4类常用变换 1.translate() 该值指定对象的2D translation(2D平移)。第一个参数对应X轴,第二 阅读全文
posted @ 2016-08-16 11:41 晓伤 阅读(4446) 评论(0) 推荐(0) 编辑
摘要: 在轮播图中,我们可以通过鼠标在特定位置上的滑动来实现元素背景的改变。通常在制作轮播图时,我们首先想到的是js中的交互。可是,如果我们无法使用js,只能单纯的靠css又该如何实现这一效果呢?下面,本人将向大家介绍一种最近实验出来的一种方法。 在介绍这种方法之前,本人觉得对于css中的某些伪类选择器有必 阅读全文
posted @ 2016-08-16 10:06 晓伤 阅读(1338) 评论(0) 推荐(0) 编辑