本文将介绍 CSS 中一个非常有意思的属性 mask 。顾名思义，mask 译为遮罩。在 CSS 中，mask 属性允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。其实 mask 的出现已经有一段时间了，只是没有特别多实用的场景，在实战中使用的非常少，本文将罗列一... ...
分类：
Web程序 时间：
2020-07-12 00:31:34
阅读次数：
82
背景颜色 渐变色背景：可以做出各种各样的图形，复杂的图形可以使用这个方案，比如=>这样的图形 多背景叠加 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device- ...
分类：
Web程序 时间：
2020-07-11 23:09:17
阅读次数：
185
1.使用浮动来设置二列布局利用浮动和块级元素实现的左侧宽度固定，右侧自适应宽度的布局方式 <div class="left">left</div> <div class="right">right</div> /* css */ .left { float: left; width: 100px; ...
分类：
Web程序 时间：
2020-07-11 19:33:58
阅读次数：
85
本文内容参考自如何用一行 CSS 分别实现 10 种现代布局？。 1.可解构的自适应布局(The Deconstructed Pancake) <html> <head> <style type='text/css'> .parent{ display: flex; flex-wrap: wrap; ...
分类：
Web程序 时间：
2020-07-11 19:14:46
阅读次数：
87
基本使用： 一个Hello Vue实例： <div id="app"> {{msg}} </div> <script> var vm = new Vue({ el:'#app', data:{ msg:'Hello Vue' } }) </script> 其中： el表示元素挂载位置，值可以是CSS ...
分类：
其他好文 时间：
2020-07-11 19:10:01
阅读次数：
48
Vue：它是一套用于构建用户界面的渐进式框架。可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易上手，还方便与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页面应用提供驱动。 特点： 易用：熟悉HTML、CSS、JavaScript后 ...
分类：
其他好文 时间：
2020-07-11 19:00:47
阅读次数：
63
content方面 减少HTTP请求：合并文件、CSS精灵、inline Image 减少DNS查询：DNS缓存、将资源分布到恰当数量的主机名 减少DOM元素数量 Server方面 使用CDN 配置ETag 对组件使用Gzip压缩 Cookie方面 减小cookie大小 css方面 将样式表放到页面 ...
分类：
Web程序 时间：
2020-07-11 17:44:29
阅读次数：
92
##使用方法 用css中的display：none方法； 用chrome浏览器，右键审查，获得css路径，在按右键，审查，copy-selector； 使用stylish等插件； ###虎扑css .hp-threeNav, body > div.hp-header.hp-header-A, #ta ...
分类：
Web程序 时间：
2020-07-11 17:39:56
阅读次数：
104
课程介绍 介绍html文档的基本结构，html常用标签的使用，理解html语言制作网页基本原理，理解css的基本语法，css的引入方式，css选择器，css基本属性的使用等等。 学习前端的技术=html+css+javascript+jquery+vue =html + css + javascri ...
分类：
Web程序 时间：
2020-07-11 16:47:30
阅读次数：
73
1.IE的兼容性问题 <!-- ie6的兼容性问题 --> <!-- ie6双边距问题 ：给浮动的元素加display:inline ie6默认高度问题：font-size:0 或者overflow:hidden --> 2.移动端一像素问题 <!-- 移动端一像素的边框问题：解析时会显示成2像素， ...
分类：
Web程序 时间：
2020-07-11 13:13:49
阅读次数：
71
