分类：前端

本篇文章给大家带来了css盒子模型中常用到的相关知识，所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器，每个矩形都由元素的内容、内边距、边框和外边距组成。下面我们就分别来看一下，希望对大家有帮助。其实，C

分类：前端

本篇文章给大家带来css中position定位属性的相关知识，position用于属性规定元素的定位类型，不同的属性值有着不同的定位样式，希望对大家有帮助。定位(position)background-position 背景定位如果，说浮动

分类：前端

本篇文章给大家带来了css中float浮动属性的相关知识详细解析，float 属性定义元素在哪个方向浮动，下面我们就来看一下不同的属性值会出现什么不同的结果，希望对大家有帮助。CSS 浮动float属性详解很早以前就接触过CSS，但对于浮动

分类：前端

css中可利用filter属性和brightness()函数实现低亮度显示，filter属性用于定义图片元素的可视效果，配合brightness()函数使用可设置元素的明暗样式，语法“元素{filter:brightness(明暗值)}”。

分类：前端

css中keyframes用于规定元素的动画动作，是一种创建动画的css规则；keyframe规则由关键字“@keyframe”组成，语法为“@keyframes 动画名{keyframes-selector{css-styles;}}”。

分类：前端

方法：1、利用“background:linear-gradient(角度,transparent 缺角大小,颜色 0)”语句，可以给矩形元素设置缺角；2、将小缺角矩形放置在缺角方向相同的大矩形内，即可实现带有边框的缺角矩形。本教程操作环境

分类：前端

方法：1、利用“animation:名称 时间”语句给元素绑定向左平移消失动画；2、利用“@keyframes 名称{100%{transform:translateX(-平移距离);opacity:0;}}”语句实现元素向左平移消失效果。

分类：前端

方法：1、用“@keyframes 名称{100%{transform:rotateY(角度);}}”语句设置元素翻转的动画效果；2、用“元素{animation-iteration-count:2}”语句设置元素动画翻转的次数为2次即可。

分类：前端

方法：1、利用“border:长度值 solid transparent;border-top:高度值 solid 颜色值”语句，可以设置空元素为三角形样式；2、将小的三角形元素放置在不同颜色的大三角形元素内，就可以实现三角形带边框的效果。

分类：前端

css中，可用“animation-play-state”属性取消动画效果，该属性可规定动画的运行暂停效果，属性的值为“paused”时动画会暂停，也就是取消动画效果，语法“元素{animation-play-state:paused}”。

分类：前端

在css中，可以利用“border-style”属性实现边框凸起样式，该属性用于设置元素边框的样式，当属性的值为“outset”时，可以设置元素边框为凸起，语法为“元素{border-style:outset;}”。本教程操作环境：wind

分类：前端

代码：1、“display:none”，可使元素不占据原位置隐藏；2、“visibility:hidden”，可使元素占据原位置隐藏；3、“overflow:hidden”，超出元素框时隐藏；4、“opacity:0”，可使元素透明隐藏。本

分类：前端

方法：1、利用“元素{animation:名称 时间}”语句给元素绑定旋转缩放动画；2、利用“@keyframes 名称{100%{transform:rotate(旋转角度) scale(缩放比例);}}”语句实现旋转缩放动画效果。本教程

分类：前端

在css中，可以利用“:nth-child(n)”选择器来选择第三个li元素，该选择器的作用就是选择父元素下的第n个子元素，当选择器中的数字为3时，会选择第3个元素，语法为“li:nth-child(3){css样式代码;}”。本教程操作环

分类：前端

在css中，可以利用“background-image”属性和“linear-gradient()”函数实现元素背景线性渐变，语法为“元素{background-image:linear-gradient(渐变方向,颜色1,颜色2..)”。

分类：前端

方法：1、用“@keyframes 名称{99%{opacity:1;}100%{opacity:0;}}”语句设置元素消失动画；2、用“元素{animation-duration:时间}”语句设置动画元素的动画时间，时间过后元素就会消失。

分类：前端

代码：1、“transform:rotateY(角度)”，可设置元素沿Y轴翻转样式；2、“transform:rotateX(角度)”，可设置元素沿X轴翻转样式；3、“transform:rotateZ(角度)”，可设置元素沿Z轴翻转样式。

分类：前端

“box-shadow”是css3新增的属性。“box-shadow”属性的作用就是给元素框添加一个或者多个阴影，语法为“元素{box-shadow:水平阴影位置 垂直阴影位置 blur spread color inset;}”。本教程操

分类：前端

方法：1、利用“元素{animation:名称 时间}”语句给元素绑定动画；2、利用“@keyframes 名称{100%{width:宽度值;}}”语句，设置元素改变宽度的动画动作，实现元素改变宽度的动画效果。本教程操作环境：window

分类：前端

方法：1、用transform属性和scale()函数放大div，语法为“元素{transform:scale(放大倍数)}”；2、用width和height属性实现放大div效果，语法为“元素{width:宽度;height:高度}”。本