Css
05. Web大前端时代之：HTML5+CSS3入门系列~H5 多媒体系
Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html1.引入概述音频文件或视频文件都可以看做是一个容器文件（类似于压缩的zip）编解码器就是读取特定的容器格式，对其中的音频与视频轨进行解码，然后实现播放解码器解码器（decoder...
04. Web大前端时代之：HTML5+CSS3入门系列~HTML5 表单
Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html一、input新增类型：1.tel：输入类型用于应该包含电话号码的输入字段 2.url：用于应该包含URL地址的输入字段-提交表单时对url字段的值自动进行验证<...
02.Web大前端时代之：HTML5+CSS3入门系列~H5结构元素
Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html1.结构元素可以理解为语义话标记，比如：以前这么写<divid="nav"></div>现在偷懒写：<nav></nav>1.he...
01.Web大前端时代之：HTML5+CSS3入门系列~初识HTML5
Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html文档申明<!--文档类型申明，html代表是html5的文档类型--><!DOCTYPEhtml>字符编码（UTF-8）<!--字符编码，chars...
Web大前端时代之：HTML5+CSS3入门系列
准备来一波新技术，待续。。。。 /Old:联系源码：https://github.com/dunitian/LoTHTML5文档下载：https://github.com/dunitian/LoTDotNet/思维导图（不断更新）：图片：http://dnt.dkill.net/DNT/HTML5/index...
CSS清除浮动8大方法
CSS清除浮动是每一位web前端工程师都要掌握的技术，也是让每一位刚入门的前端工程师感到头疼的问题，下面就来讲一下CSS清除浮动的原理和各种解决方法，大家可以根据实际情况选择最佳的解决方案。 在用DIV+CSS布局时通常都会用到浮动（float）来完成页面布局，浮动（float）会使当前标签产生向...
哀悼疫情，全站灰色如何实现，CSS滤镜一行代码实现
/向抗疫英雄致敬！ 今日打开各样的app，各大电商，爱奇艺都是灰色的这里我也一直很好奇该功能，前端如何实现，了解过后发现这个CSS滤镜，点击了解更多 写下随笔记录一波 如果去实现，作为程序员，copy能力，搜索能力肯定不能弱(~~此处调侃而已)，一定要有洞察力，对不?直接F12...
6种css3 transform图片悬停动态效果
html骨架代码<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><!--<metaname="viewport"content="width=device-width,initial-...
CSS 实现关闭按钮 X
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title></head><style>.close{background:o...
css学习之样式层级和权重
第一种情况当选择器相同的情况下，引入方式的前后，决定页面最后的效果---------外部在最后面显示---------内部在最后面显示第二种情况引入方式相同时候，则是按照权重取最大(取权重最大值显示)去确定最后样式(此处以外部样式为例子) 选择器 &n...
CSS3的calc在Less文件中不起作用
https://www.jianshu.com/p/51456dabd069...
CSS3 使用 calc() 计算高度 vh px
1、px 像素，我们在网页布局中一般都是用px。2、百分比 百分比一般宽泛的讲是相对于父元素，自适应网页布局越来越多，百分比也经常用到了。3、Viewport viewport：可视窗口，也就是浏览器。 vwViewport宽度，1...
vue中安装sass后页面中引用scss报错“Module build failed: TypeError: this.getResolve is not a function at Object.loader”
解决方法和原因如下当我在vue页面使用scss 使用到scss时候就会报错 运行scss的依赖都安装好了 原因其实很简单sass-loader版本有问题换成7.0.0版本就好 在webpack.json中重新改一下版本，然后重新np...
css笔记：清除子元素对父元素的浮动效果的三种方法
对于浮动元素，我们知道如果父元素不设置height，而子元素全部设置为浮动，父元素不会被撑开(也就是父元素为一条直线，height为0)，我们看到的就是一条线在所有子元素上面。例如：<!DOCTYPEhtml><htmllang="en"><head><metacharset=...
CSS选取第几个标签元素：nth-child、first-child、last-child
1、first-childfirst-child表示选择列表中的第一个标签。代码如下：li:first-child{background:#090}上面的意思是，li列表中的第一个li模块的背景颜色。2、last-childlast-child表示选择列表中的最后一个标签，代码如下：li:last-child{back...
