出自作者小矮人Web前端，博文地址：http://www.cnblogs.com/itlkNote/ 文中有少许重复问题！ 第一阶段 HTML、CSS、HTML5、CSS3 1、XHTML与HTML的有何异同？ 2、介绍一下CSS的盒子模型？弹性盒子模型是什么？ 3、Doctype的作用？标准模式与 ...
分类：
Web程序 时间：
2019-11-06 18:26:56
阅读次数：
95
css3的滤镜filter属性，可以对网页中的图片进行类似Photoshop图片处理的效果，例如背景的毛玻璃效果、老照片（黑白照片）、火焰效果等。一、blur(px)高斯模糊二、brightness(%)亮度三、contrast(%)对比度四、drop-shadow()阴影注意：这个drop-shadow与box-shadow都是在说阴影，但还是有区别的，看下图图中火焰的图片，是一张png图片，除
分类：
Web程序 时间：
2019-11-06 10:35:48
阅读次数：
123
前段时间在开发中，遇到需要给背景层加颜色遮罩的项目，现在特定总结一下给背景图层加颜色遮罩的方法。方法一：通过定位叠加(注意层级)<divclass="wrap1"><divclass="inner"></div></div>.wrap1{position:relative;width:1200px;height:400px;background:rg
分类：
Web程序 时间：
2019-11-06 10:32:09
阅读次数：
225
共同点 animation动画与transition过渡都可以实现动画效果，拥有下面共同的属性 animation:mymove 2s linear infinite alternate; transition: width 1s ease-out; 1、动画名称（name）@key-frame 2 ...
分类：
Web程序 时间：
2019-11-06 00:56:04
阅读次数：
123
Grid 栅格系统的使用 定义容器 .coninater { display: grid; } 多种方式定义单格 1. 按百分比划分 .coninater { display: grid; grid template rows: 50% 50%; grid template columns: 20% ...
分类：
Web程序 时间：
2019-11-06 00:40:28
阅读次数：
226
说明： resize属性是指定一个元素是否可由用户调整大小的。 语法： resize:none | both | horizontal | vertical none：用户不可一调整元素的尺寸（默认值） both:用户可调整元素的高度和宽度 horizontal：用户可调整元素的宽度 vertica ...
分类：
Web程序 时间：
2019-11-05 21:39:09
阅读次数：
187
/* justify-content: space-around; 运用在父级元素上 第一个子元素距离左边的距离==最后一个子元素距离右边的距离 除第一个子元素和最后一个子元素外,第2个,第3个...一直到倒数第二个子元素，这些子元素距离左右两边的间距都是相等 巧记：around 是四周，说明四周是 ...
分类：
Web程序 时间：
2019-11-05 21:19:02
阅读次数：
99
像px、rem、em、%这样的长度单位大家肯定都很熟悉，前者为绝对单位，后者为相对单位。CSS3又引入了新单位：vw、vh、vmin、vmax。下面对它们做个详细介绍。单位作用特性px页面按精确像素展示绝对单位rem相对根节点html字体大小来计算相对单位em基准点为相对父节点字体的大小相对单位%相对于父元素的大小设定的比率相对单位vw视窗宽度的百分比，1vw代表视窗宽度的1%视窗单位vh视窗高度
分类：
Web程序 时间：
2019-11-05 09:21:05
阅读次数：
115
前段时间在开发中，遇到需要给背景层加颜色遮罩的项目，现在特定总结一下给背景图层加颜色遮罩的方法。方法一：通过定位叠加(注意层级)<divclass="wrap1"><divclass="inner"></div></div>.wrap1{position:relative;width:1200px;height:400px;background:rg
分类：
Web程序 时间：
2019-11-05 09:19:03
阅读次数：
132
4 结构性伪类选择器 在学习结构性伪类选择器之前，先了解两个概念：伪类选择器和伪元素选择器。伪类选择器是CSS中已经定义好的选择器，不能随便命名。常用的伪类选择器是使用在a元素上的几种，如a:link、a:visited、a:hover、a:active。而伪元素选择器并不是针对真正的元素使用的选择 ...
分类：
Web程序 时间：
2019-11-04 10:02:20
阅读次数：
80
