什么是语义化 其实说到语义化的问题，显而易见是有段不那么语义化的历史的。 最早的时候，前端并不是一个细分的岗位。通常由PHP后端来写HTML，但是他们并不会CSS，于是就用table来进行布局。但我们都知道，table其实是用来展示表格的，这一条就与语义化严重相悖。 后来前端慢慢分离成一个单独的岗位 ...
分类：
Web程序 时间：
2020-07-05 00:46:26
阅读次数：
72
翻译自原文 目录 1. 背景 2. 通用 2.1 通用样式规则 2.1.1 协议 2.2 通用格式规则 2.2.1 缩进 2.3 通用元规则 2.3.1 编码 2.3.2 注释 2.3.3 操作项 3. HTML 3.1 HTML样式规则 3.1.1 文档类型 3.1.2 HMTL有效性 3.1.3 ...
分类：
Web程序 时间：
2020-07-05 00:31:39
阅读次数：
112
1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <t ...
分类：
Web程序 时间：
2020-07-05 00:25:37
阅读次数：
103
CSS样式加载一共有四种方式： 1、行内样式 直接对HTML标签引入style=""设置样式；这样的方式会使得html不干净，代码冗余不利于维护。 2、内嵌样式--内部样式表 在head标签之间用<style></style>标签声明 优缺点：页面使用公共CSS代码，也是每个页面都要定义的，如果一个 ...
分类：
Web程序 时间：
2020-07-05 00:17:19
阅读次数：
126
创建剪切动画 对于剪切动画，使用clip-path代替width/height，避免DOM重排导致性能过低。 .animate { width: 200px; height: 200px; background: #000; animation: 1s clip; } @keyframes clip ...
分类：
Web程序 时间：
2020-07-05 00:17:01
阅读次数：
77
a.解析HTML文件，创建DOM树。自上而下，遇到任何样式（link、style）与脚本（script）都会阻塞（外部样式不阻塞后续外部脚本的加载）； b.解析CSS。优先级：浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式； c.将CSS与DOM合并，构建渲染树（Rende ...
分类：
其他好文 时间：
2020-07-04 22:39:18
阅读次数：
95
选择器：id选择器，类选择器，元素选择器，属性选择器，后代选择器，子选择器，相邻兄弟选择器，伪类选择器，伪元素选择器 1. 伪类选择器：专门用来表示元素的一些特殊状态，比如， 链接的状态，:active(激活链接)，：hover(鼠标悬浮其上) ...... 子元素的伪类：:first-child选 ...
分类：
Web程序 时间：
2020-07-04 22:37:41
阅读次数：
93
学习js需要认识的名词 HTML (Hyper Text Mark Language) 超文本标记语言 CSS (Cascading Style Sheets) 层叠样式表 NetScape Navigator 网景浏览器 Sun - Oracle 昇阳计算机公司(后背甲骨文收购) Beta 测试版 ...
分类：
Web程序 时间：
2020-07-04 22:35:40
阅读次数：
184
checkbox复选框可能是网站中常用的html元素，但大多数人并不满意它的默认样式，这篇文章就讲讲如何实现input checkbox复选框控件 样式美化效果。 资源网站大全 https://55wd.com 方案一：纯css方法 单选按钮和复选按钮都有选中和未选中状态。要设置这两个按钮默认样式稍 ...
分类：
Web程序 时间：
2020-07-04 21:00:42
阅读次数：
128
有时候在浏览一个网站时，点击导航栏的logo就能跳转到首页，通常这是用的a标签来链接，分析网页源码会发现a标签之间有文字内容，但是网页上却没有显示出来，看了下css样式中有一个｛text-indent:-9999px｝，这个声明就是将字体隐藏了。一般网页为了传达更好的视觉效果，常用图片替代掉字体。但 ...
分类：
其他好文 时间：
2020-07-04 20:57:58
阅读次数：
53
