2016年8月16日
自定义动画
摘要： 在制作自定义动画时，有以下八个样式可供选择： 在定义了这些动画的基本属性之后，我们制作动画还需要制定动画的关键帧keyframes； 其用法为 通过动画名称来确定是哪一个元素要产生动画，通过时间段内特殊点的样式来使得动画效果符合预期。 例： 通过以上设置，我们便做出了一个简单的平移动画效果，想要让动 阅读全文
posted @ 2016-08-16 20:12 晓伤 阅读(528) 评论(0) 推荐(0) 编辑
Css中的变形及过渡动画
摘要： 在css3的标准中新增加了变形样式，这些样式使得网页中各元素的位置形状的变换变得更加容易。其语法如下： 其中对于<transform-function>这一属性值，css中规定了4类常用变换 1.translate() 该值指定对象的2D translation（2D平移）。第一个参数对应X轴，第二 阅读全文
posted @ 2016-08-16 11:41 晓伤 阅读(4444) 评论(0) 推荐(0) 编辑
基于css制作轮播图的部分效果
摘要： 在轮播图中，我们可以通过鼠标在特定位置上的滑动来实现元素背景的改变。通常在制作轮播图时，我们首先想到的是js中的交互。可是，如果我们无法使用js，只能单纯的靠css又该如何实现这一效果呢？下面，本人将向大家介绍一种最近实验出来的一种方法。 在介绍这种方法之前，本人觉得对于css中的某些伪类选择器有必 阅读全文
posted @ 2016-08-16 10:06 晓伤 阅读(1338) 评论(0) 推荐(0) 编辑
2016年8月15日
css中的列表样式
摘要： 在网页设计中，我们经常将某些具有相似功能的标签放在同一组中，这时我们经常会用到列表标签（无序列表ul，有序列表ol），在列表标签中对列表样式的设计可以使我们的页面得到一定程度的美化。 在css中对列表样式主要是对列表项目前列表符号的设置，其语法如下： 通过取不同的list-style-type属性值 阅读全文
posted @ 2016-08-15 22:20 晓伤 阅读(3101) 评论(0) 推荐(0) 编辑
2016年8月14日
css中的段落样式及背景
摘要： 一、段落样式 css中关于段落的样式主要有行高，缩进，段落对齐，文字间距，文字溢出，段落换行等。它们的具体语法如下： 其中行高指的是段落中每一行文字所占据的高度，其与文字大小有着本质的区别。设置了行高之后，行内的文字会在行内垂直居中对齐（父容器不小于行高），这是网页布局中常用的一种对齐方式。 例： 阅读全文
posted @ 2016-08-14 22:45 晓伤 阅读(5662) 评论(0) 推荐(0) 编辑
2016年8月12日
css中的边框样式
摘要： 在盒子模型中，盒子的边框是其重要的样式，通过边框我们可以很方便地看出盒子的长宽以及大小。边框的特性可以通过边框线，边框的宽度及颜色来呈现。 1，边框线 边框线指的是边框线条的样式，包括实线，虚线，点划线等。其具体的使用如下： 例： 在这里我们将一个长为300px，宽为100px的盒子设置了实线的边框 阅读全文
posted @ 2016-08-12 17:10 晓伤 阅读(4617) 评论(0) 推荐(0) 编辑
2016年8月11日
css中的字体样式及元素样式
摘要： css中的字体样式一般包含有就9中，常见的有7种。这7种依次为： 1.字体样式：font-family； 2.字体大小：font-size； 3.字体加粗：font-weight； 4.字体斜体：font-style； 5.颜色：color； 6.文本装饰线条：text-decoration； 7. 阅读全文
posted @ 2016-08-11 13:38 晓伤 阅读(9331) 评论(0) 推荐(0) 编辑
css中的7中属性选择器
摘要： 在CSS的选择符中有七个属性选择符。它们分别是： 1.E[att] 选择具有att属性的E元素。 2.E[att="val"] 选择具有att属性且属性值等于val的E元素。 3.E[att~="val"] 选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于val的E元素。 4.E[a 阅读全文
posted @ 2016-08-11 12:39 晓伤 阅读(470) 评论(0) 推荐(0) 编辑