原理：CSS3规定，1rem的大小就是html元素的font-size的值。 举个栗子： 假设我们把html的font-size设为10px，那么此时1rem就为10px。如果我们要设置100px*50px的div，我们只需将它的宽设为10rem，高设置为5rem。 <!DOCTYPE html> ...
分类：
其他好文 时间：
2020-07-30 01:51:04
阅读次数：
99
前端三要素： html：木偶 css：化妆 javascript：动态展示（跳舞）css: 1.什么是css？ cascading style sheets 层叠样式表 2.css的语法 1.属性名和属性值之间使用:隔开 多对属性之间使用;隔开 最后一对属性可以不加分号 id="one" class ...
分类：
Web程序 时间：
2020-07-30 01:22:39
阅读次数：
107
选择器优先级： 抄录MDN的原话是：优先级就是分配给指定的 CSS 声明的一个权重，它由 匹配的选择器中的 每一种选择器类型的 数值 决定。而当优先级与多个 CSS 声明中任意一个声明的优先级相等的时候，CSS 中最后的那个声明将会被应用到元素上。当同一个元素有多个声明的时候，优先级才会有意义。因为 ...
分类：
Web程序 时间：
2020-07-29 21:47:36
阅读次数：
82
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>贪吃蛇</title> <link rel="stylesheet" href="css/index.css" /> </head> <body> <div class="co ...
分类：
Web程序 时间：
2020-07-29 21:43:46
阅读次数：
79
/*最外层的盒子*/.container{ width: 640px; height: 640px; /*盒子居中*/ margin: 100px auto; /*相对定位*/ position: relative;}/*两个按钮*/.btn{ width: 100%; height: 100%; ...
分类：
Web程序 时间：
2020-07-29 21:40:58
阅读次数：
78
博客效果代码 记得申请js 博客主题：simplememory 页面定制CSS代码 /*simplememory*/ #google_ad_c1, #google_ad_c2 {display:none;} .syntaxhighlighter a, .syntaxhighlighter div, ...
分类：
其他好文 时间：
2020-07-29 21:32:37
阅读次数：
76
解析HTML，生成DOM树，解析CSS，生成CSSOM树 将DOM树和CSSOM树结合，生成渲染树(Render Tree) Layout(回流):根据生成的渲染树，进行回流(Layout)，得到节点的几何信息（位置，大小） Painting(重绘):根据渲染树以及回流得到的几何信息，得到节点的绝对 ...
分类：
其他好文 时间：
2020-07-29 21:18:30
阅读次数：
79
1.前言 在网页设计中，除了serif, sans-serif 等font family，如果想加入自己的字体，怎么办？答案就是在css中加入 @font-face 属性。下面简述其步骤。 2.步骤 （1）找到某字体： 从网上找到两个字体，放入a 文件夹下，命名为'b.otf'。 （2）在css中加 ...
分类：
Web程序 时间：
2020-07-29 19:26:50
阅读次数：
97
一、 CSS字体和文本样式作用 文字：颜色、字体大小、字体、加粗等 文本：行高、对齐方式、文本装饰 二、文字样式属性 字体: font-family 文字大小: font-size 文字颜色: color 文字粗细: font-weight 文字样式: font-style 1.font-famil ...
分类：
Web程序 时间：
2020-07-29 17:51:08
阅读次数：
138
