电话
13363039260
-
CSS3 什么是弹性盒子？
一：什么是弹性盒子 CSS3弹性盒（FlexibleBox或flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。可以用简单的方式满足很多常见的复杂的布局需求。......
阅读全文 >> 1003 -
css颜色渐变实例：css3文字颜色渐变的实现方法
css3文字颜色渐变的实现方法有很多，下面我就在这里为大家介绍 css3文字颜色渐变的方法一：通过css3的动画属性实现css文字动态颜色渐变 <h2>文字颜色渐变</h2> h2{ height:60px; color:#f35626; backgr......
阅读全文 >> 680 -
如何使用纯CSS实现类似脉动的loader
源代码下载 https://github.com/comehope/front-end-daily-challenges 代码解读 定义dom，容器中包含10个子元素： <divclass="loader"> <span></span&......
阅读全文 >> 892 -
如何使用css3实现字体内发光效果
使用css3实现字体发光效果原理 首先我们要输入需要加入特效的文本。 然后我们需要了解的是css3中本身没有发光特效的属性，但是我们可以通过text-shadow属性实现发光效果，那么我们现在着重介绍一下text-shadow属性。 <1>text-shadow属性的基本语法：te......
阅读全文 >> 613 -
如何使用HTML5+css3制作出12种常用的按钮开关样式
使用HTML5+css3制作按钮开关的原理 根据设计的要求填充各种颜色。 按钮开关的形状需要具体问题具体分析，如圆形按钮开关需要用到border-radius语句，方形可以直接使用div设置等。 鼠标悬停的时候光标样式的转换也是注重设计感的体现，这里我们着重介绍一下cursor的用法： cu......
阅读全文 >> 942 -
background-size属性怎么用
CSSbackground-size属性作用：规定背景图片的尺寸。说明：在CSS3之前，背景图片的尺寸是由图片的实际尺寸决定的。在CSS3中，可以规定背景图片的尺寸，这就允许我们在不同的环境中重复使用背景图片。语法：background-size:length|percentage|cover|contain;值 描述......
阅读全文 >> 605 -
css选择器优先级顺序是什么？
在看css选择器优先级顺序前，我们先来简单说说css基本选择器有哪些？ 1、标记选择器（如：body,div,p,ul,li） 2、id选择器（如：id="name",id="name_txt"） 3、类选择器（如：id="name",id......
阅读全文 >> 665 -
如何使用纯CSS实现电源开关控件
源代码下载 https://github.com/comehope/front-end-daily-challenges 代码解读 定义dom，包含3个元素，分别代表input控件、开关和灯光： <inputtype="checkbox"class="......
阅读全文 >> 816 -
css盒模型是什么？
盒模型 1.定义 1.任意一个元素都可以当作盒模型 2.盒子的大小由内容宽高(width/height)+边距(padding)+边框(border) 3.盒子由外边距(margin),影响盒子的位置 广义盒模型:文档中所有功能性及内容性标签,及文档中所有显示性标签. 狭义盒模......
阅读全文 >> 530