列表
-
前端
css图片翻转代码为“元素{animation:名称 时间}@keyframes 名称{100%{transform:rotateY(翻转角度)}}”;animation属性可给元素绑定翻转动画,keyframes规则可设置动画的翻转动作。
-
前端
css设置横线阴影的方法:1、给元素添加“width:横线长度值;height:横线粗细值;background:横线颜色”样式来绘制横线;2、给横线元素添加“box-shadow:水平阴影位置 垂直阴影位置;”样式设置横线元素的阴影即可。
-
前端
方法:1、利用animation属性给元素绑定循环旋转动画;2、利用@keyframes规则设置动画的旋转动作;3、用“元素:active{animation-play-state:paused}”语句设置元素循环旋转时,点击元素停止旋转。
-
前端
在css中,圆角属性值能用百分比表示;“border-radius”属性是css中用于设置元素圆角的属性,当属性值用百分比表示时,就会以百分比定义圆角的形状,语法为“border-radius:数值%;”。本教程操作环境:windows10
-
前端
写法:1、“rgba(红色,绿色,蓝色,透明度)”;rgba()函数通过红绿蓝三色叠加来生成各种颜色并控制颜色的透明度;2、“hsla(色相,饱和度,亮度,透明度)”;hsla()函数通过色相、饱和度和亮度来定义颜色并控制颜色的透明度。本教
-
前端
css中,可利用“background-image”属性和“linear-gradient()”函数来设置背景向两个方向渐变,语法为“元素{background-image:linear-gradient(方向,颜色1,颜色2,颜色3}”。
-
前端
在css中,可以利用“*”选择器和margin属性来去除元素与浏览器的边框间距,“*”选择器用于选中所有的元素并设置样式,margin属性用于设置元素的外边距属性,只需要将外边距属性的值设置为0即可,语法为“*{margin:0px;}”。
-
前端
css中,可利用“border-collapse”属性消除表格间的空格,该属性可设置表格间的边框是否合并,当属性的值为collapse时,可消除表格间的空格并合并边框,语法“表格元素{border-collapse:collapse;}”。
-
前端
css中,可利用“background-position”属性让背景图居中显示,该属性用于设置背景图的起始位置,当属性的值为“center”时,背景图会水平垂直居中显示,语法“元素{background-position:center}”。
-
前端
方法:1、给元素添加“background-repeat:no-repeat”样式,设置背景只显示一次;2、利用“background-size”属性设置背景只显示一半,语法为“元素{background-size:50% 100%}”。本
-
前端
在css中,可以利用“vertical-align”属性设置td元素的文本靠上显示,该属性用于设置元素的垂直对齐方式,当属性的值为“text-top”时,会使文本靠上显示,语法为“td{vertical-align:text-top;}”。
-
前端
在css中,可以利用“font-style”属性去除em标签的斜体样式,该属性的作用就是定义字体的风格,当属性的值为“normal”时,字体显示为标准样式,也就是去除了斜体样式,语法为“em{font-style:normal;}”。本教程
-
前端
css中,可用keyframes规则、animation和transform属性实现上下运动效果,写法“元素{animation:名称 时间}@keyframes 名称{50%{transform:translateY(移动距离)}}”。本
-
前端
方法:1、在文本元素中添加具有“display:inline-block;width:100%”样式的i标签;2、利用“text-indent”属性让插入i标签的文本元素两端对齐,语法为“文本元素{text-align:justify}”。
-
前端
在css中,点击隐藏的代码为“元素:active{opacity:0;}”;“:active”选择器用于选择元素被点击时的状态并设置样式,opacity属性用于设置元素的不透明级别,也就是当点击元素时,元素隐藏不显示。本教程操作环境:win
-
前端
在css中,可以利用“:hover”选择器和opacity属性实现鼠标移动到div元素时,显示或隐藏div元素的效果,语法为“div:hover{opacity:0}”或者“div:hover{opacity:1}”。本教程操作环境:win
-
前端
在css中,可以利用“z-index”属性让元素的层级最高,该属性的作用就是设置元素的堆叠顺序,拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面,也就是元素的层级最高,语法为“元素{z-index:number;}”。本教程操作环境
-
前端
在css中,可以利用“:hover”选择器和“background-image”属性实现鼠标滑过改变图片效果,只需要给图片元素添加“图片元素:hover{background-image:url(新的图片路径);”样式即可。本教程操作环境:
-
前端
css中,可利用transform属性实现元素的平移变换,该属性可对元素进行移动操作,当属性的值为“translate(x,y)”时,可对元素进行平移操作,语法“元素{transform:translate(横向移动值,竖向移动值);}”。
-
前端
在css中,可以利用“border-bottom”属性和“text-decoration”属性让a标签下面的线加粗,语法为“a{text-decoration:none;border-bottom:线的粗细值 solid 颜色值;}”。本教