css3
-
纯CSS3实现3D翻转效果的代码示例



本篇文章给大家带来的内容是关于纯CSS3实现3D翻转效果的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 作为前端开发人员的必修课,CSS3能带我们完成许多基本动效,本期我们将用CSS3实现hover翻转效果~ 第一步非常简单,我们简单画1个演示方块,为其添加transit…
-
CSS三栏布局的实现方法总结(代码示例)
本篇文章给大家带来的内容是关于css三栏布局的实现方法总结(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 对于前端来说,布局也是必须掌握的,一个好的布局可以让页面看起来更美观。提到布局,那就不得不说CSS三栏布局。这是前端面试经常会问到的一个问题,算是基础题。所谓的三栏…
-
border-radius属性如何使用
border-radius属性用于创建圆角,其使用语法是“border-radius: 1-4 length|%;”,border-radius是一个最多可指定四个“border -*- radius”属性的复合属性。 本文操作环境:Windows7系统、Dell G3电脑、HTML5&&a…
-
box-shadow属性的功能是什么
box-shadow是css3中的一个属性,是用于向方框添加一个或多个阴影,并设置阴影位置、尺寸、颜色等。 CSS3 box-shadow属性 作用:box-shadow 用于向方框添加阴影 基本语法: box-shadow: h-shadow v-shadow blur spread color …
-
border-image属性怎么用
border-image属性是一个是一个简写属性,通过此属性可使用图片来创建边框,该属性的使用语法是“border-image: source slice width outset repeat|initial|inherit;”。 本文操作环境:windows7系统、CSS3版、Dell G3电脑…
-
background-size属性怎么用
background-size属性是用来设置背景图片尺寸大小的,可以通过长度值或百分比来设置图片大小,或者通过cover和contain来对图片进行伸缩设置。 CSS background-size属性 作用:规定背景图片的尺寸。 说明:在 CSS3 之前,背景图片的尺寸是由图片的实际尺寸决定的。在…
-
background-origin属性怎么用
background-origin属性是用于设置背景图片的定位区域,它有三个值分别表示相对于内边距框定位、相对于边框盒定位、相对于内容框定位。 CSS3 background-origin属性 作用:规定背景图片的定位区域。 说明:设置或检索对象的背景图像计算 时的参考原点(位置)。 语法: bac…
-
CSS中伪类和伪元素的详细介绍(代码示例)
本篇文章给大家带来的内容是关于CSS中伪类和伪元素的详细介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 一、伪类 伪类包含两种:状态伪类(UI 伪类)和结构性伪类。 (1)状态伪类是基于元素当前状态进行选择的。 在与用户的交互过程中元素的状态是动态变化的,因此该元素…
-
CSS实现页面底部固定的方法介绍(附代码)
本篇文章给大家带来的内容是关于css实现页面底部固定的方法介绍(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 当我们在写页面时经常会遇到页面内容少的时候,footer会戳在页面中间或什么?反正就是不在最底部显示,反正就是很难看,下面要讲的布局就是解决如何使元素粘住浏览器底…
-
css权重是什么?css权重的介绍
本篇文章给大家带来的内容是关于css权重是什么?css权重的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 1、什么是css权重?css6大基础选择器 css权重指的是css6大基础选择符的优先级,优先级高的css样式会覆盖优先级底的css样式,优先级越高说明权重越高,反之亦然…