一，主流浏览器及内核 Chrome Webkit/blink IE Trident Firfox Gecko Safari Webkit Opera presto 二，css权重 ！importent Infinity（正无穷） 行间样式 1000 id 100 class/属性/伪类 10 标签/为元素 1 通配符 0 css的优先级取决于权重，权重间的进制是256. 三，行级...

2019-02-27 11:51:53

使用CSS3实现三角形： 在前端页面中有很多时候会遇到需要三角形图案的时候，以前不知道可以用CSS3实现三角形的时候，一般都是叫UI把三角形图案切出来。 后来知道原来可以用CSS3实现三角形，可是用过一次后很容易忘记，所以想把这个小技巧记录起来~ CSS3是如何实现三角...

2019-02-27 11:51:51

一、CSS样式规则 1、基本结构 html head style h1{ color: orange; } /style /head body /body /html 二、font字体 1、字号与字体 font-size: 字号大小 font-family: 字体 font-family: "宋体"; 使用技巧： 网页中普遍使用14px 字号； 尽量使用偶数的字号； 使用多个字...

2019-02-27 11:51:50

葵花宝典： 【1】相邻的2个margin值会叠加在一起。 【2】子元素设定的margin值会影响父元素。 在标准浏览器下（FireFox，Chrome，Opera，Safari）会有问题。IE下一般表现良好。 原因是：一个盒子如果没有上补白（padding-top）和上边框（border-top）那么这个盒子的上...

2019-02-25 16:09:53

VSCode中有一些快捷编辑HTML的方法，能大大提高工作效率，在这记录一些。 1.输入html:5，然后按tab键或enter键，效果如下： 1 !-- 输入html或者html:5生成页面模板 -- 2 ! DOCTYPE html 3 html lang ="en" 4 head 5 meta charset ="UTF-8" 6 meta name ="viewport" con...

2019-02-25 16:09:49

大家最常用作图标的元素是i标签，为什么呢？ 用 i 元素做图标在语义上是不正确的（虽然看起来像 icon 的缩写）； i 比 span 短，但 gzip 后差异很小，不过打字可以少按三个键； 多数图标用的是空 i 元素，配合 ::before 伪元素实现，因为没有内容，读屏器不会朗读（这...

2019-02-25 16:09:46

为缩减篇幅，已略去ubuntu镜像下载、虚拟机（VirtualBox、VMware）安装等操作，若有疑问请搜索相关教程。 1、虚拟机系统安装 本教程使用 Ubuntu16.04 server 版本（desktop版也是可以的）。若使用Vm虚拟机，新建时先不要选择镜像，因为简易安装存在问题： 创建完毕后，...

2019-02-25 16:09:44

Doctype作用?严格模式与混合模式,如何触发者这两种模式,区分它们有何意义? 1.1Doctype 作用 !DOCTYPE声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。!DOCTYPE声明必须在 HTML 文档的第一行，这并不...

2019-02-25 16:09:43

需求的表格比较复杂（各种合并新增删除），elementUi的table组件无法满足需求，故而写了原生table，且与其他用了table组件的表格保持一致。 贴一下简单的代码，只实现操作按钮固定右侧以及底部滚动条功能： !DOCTYPE html html lang="en" head meta charset="UTF-8" me...

2019-02-25 16:09:40

一、常用新增标签 1、header:定义页面的页眉头部 2、nav:定义导航栏 3、footer:定义页面底部，页脚 4、article:定义文章 5、section:定义区域 6、aside:定义侧边 7、datalist: 定义选项列表 与input搭配使用 input type="text" value="请输入明星" list="star"/ input...

2019-02-25 16:09:36