出自作者小矮人Web前端，博文地址：http://www.cnblogs.com/itlkNote/ 文中有少许重复问题！ 第一阶段 HTML、CSS、HTML5、CSS3 1、XHTML与HTML的有何异同？ 2、介绍一下CSS的盒子模型？弹性盒子模型是什么？ 3、Doctype的作用？标准模式与 ...
分类：
Web程序 时间：
2019-11-06 18:26:56
阅读次数：
95
1. 响应式开发原理：使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 超小屏幕（手机）：<768px 小屏设备（平板）：>=768 ~ < 992px 中等屏幕（桌面显示器）：>= 992px ~ < 1200px 宽屏设备（大桌面显示器）：>= 1200px 2. 响 ...
分类：
其他好文 时间：
2019-11-04 13:56:38
阅读次数：
84
1. rem 基础 rem 是一个相对单位，类似于 em ，em 是父元素字体大小。 em 是相对于父元素 的字体大小来说的 rem 是相对于 html 元素 字体大小来说的 rem 优点 就是可以通过修改 html 里面的文字大小来改变页面中元素的大小可以整体控制 比如：根元素（html ）设置的 ...
分类：
其他好文 时间：
2019-11-02 19:51:00
阅读次数：
103
老版常规做法 方案一：Meida Queries媒体查询 meida queries 主要是通过查询设备的宽度来执行不同的 css 代码，最终达到界面的配置。核心语法是： 需要添加meta设置 width=device-width ：表示宽度是设备屏幕的宽度 initial-scale=1.0：表示 ...
分类：
移动开发 时间：
2019-10-31 16:32:36
阅读次数：
101
多媒体查询的作用： 是一种CSS语法。可以根据浏览器的特性，一般是屏幕或浏览器宽度提供CSS规则。我们给不同的媒体类型，要设置不同的CSS样式规则。就是针对不同的媒体类型（例如手机，平板，电脑，显示器，电视机等等）设置不同的CSS样式规则。 通常作用的方面是：适应于同时在多个页面里的布局，比如同时在 ...
分类：
Web程序 时间：
2019-10-16 11:44:49
阅读次数：
107
什么是响应式 Web 设计 响应式 Web 设计是一个让用户通过各种尺寸的设备浏览网站获得良好的视觉效果的方法。例如，您先在计算机显示器上浏览一个网站，然后在智能手机上浏览，智能手机的屏幕尺寸远小于计算机显示器，但是你却没有感觉到任何差别，两者的用户体验几乎一样，这说明这个网站在响应式设计方面做得很 ...
分类：
其他好文 时间：
2019-10-10 20:08:35
阅读次数：
105
.borderOnePx{ position: relative; } .borderOnePx::after { content: ''; height:1px; background:#000; -webkit-transform: scaleY(0.5); -webkit-transform- ...
分类：
移动开发 时间：
2019-10-10 10:48:01
阅读次数：
112
PC端************ 按屏幕宽度大小排序（主流的用橙色标明） 分辨率 比例 | 设备尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280*1024(比例：5：4 | ...
分类：
其他好文 时间：
2019-10-09 17:32:15
阅读次数：
91
前端目录 HTML相关 CSS相关 JAVASCRIPT相关 DOM相关 HTTP相关 VUE相关 算法相关 网络安全相关 webpack相关 其他 Html相关 1 html语义化 意义：根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬 ...
分类：
编程语言 时间：
2019-10-07 10:00:04
阅读次数：
86
