viewport 视口 布局视口 layout viewport 一般的视口分辨率为980px，但元素会被缩小 视觉视口 visual viewport 移动端浏览器的可视区域 理想视口 ideal viewport 应手动添加meta视口标签 将布局视口的宽度与理想视口的宽度一致 meta视口标签 属性： width：宽度设置的是viewport宽度 值：可以设置device-width特殊值，......
2D转换 转换（transform）是CSS3中具有颠覆性的特性之一，可以实现元素的位移translate、旋转rotate、缩放scale。 translate 位移 三种形式： transform: translate(x, y) 在 X轴 Y轴上位移。若只移动某一方向，则另一方向值为 0。注意中间用逗号隔开 transform: translateX(px) 仅在 X轴上位移 transform: translateY(px) 仅在 Y轴上位移 Tips：......
CSS高级技巧 精灵图 为了减少服务区接受和发送请求的次数，提页面的加载速度，，提出CSS精灵图技术（CSS Sprites） 核心原理：将网页中的一些小背景图整合到一张大图中 实现原理：利用background-position: x y 将大图移动到相应的显示区域位置 由于背景图片的默认坐标在......
盒子模型 Content padding border margin border 边框 border-width 边框粗细 值：px border-style 边框样式 值：none默认，solid，dotted，dashed border-color 边框颜色 值：预定义颜色值，十六进制，rgb 复合属性 border: width style color 不严格要求顺序，但一般按照此顺序 border-top border-bottom border-left border-right 可以分别设置盒子的4条边 border-collapse: collapse 合并相邻的边框 border边框宽度会影响盒子的......
CSS语法规范 选择器及一条或多条声明组成 属性和属性值以键值对形式出现 属性:属性值; 外部样式表需要在HTML文件中添加标签： 选择器 基础选择器 标签选择器 类选择器：不同HTMl元素可以调用同一个类，一个HTML元素可以同时调用多个类class id选择器：只能被调用一次 通配符选择器：不需......
HTML标签及语义 HTML根标签 文档的头部 文档的标题 文档的主体 文档类型声明标签，html5 告诉搜索引擎和浏览器此网页的语言 en / zh-CN 文字保存的编码方式 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 标题独占一行，一共六级，依次递减 段落标签 段落内文本会根据浏览器窗口的大小自动换行，......
CNAME解析 CNAME 被称为规范名字。这种记录允许您将多个名字映射到同一台计算机。 通常用于同时提供WWW和MAIL服务的计算机。例如，有一台计算机名为“r0WSPFSx58.”（A记录）。 它同时提供WWW和MAIL服务，为了便于用户访问服务。可以为该计算机设置两个别名（CNAME）：W......
1.1 计算机发展历程 计算机的硬件发展 1946年世界上第一台电子数字计算机问世 计算机的发展已经经历了四代： 电子管时代 晶体管时代 中小规模集成电路时代 超大规模集成电路时代 摩尔定律 半导体存储器的发展 微处理器的发展 计算机软件的发展 机器语言 → 汇编语言 → 高级语言 高级语言的发展真正促进了软件的发展 操......
可能很多朋友使用Mac的时候都会选择将Dock隐藏（可以在系统偏好设置-Dock中选择），等到使用的时候将光标向下一划Dock就会自动弹出显示了。这个显示或者隐藏会有一点点（似乎1秒左右）的延迟，使用下面的方法可以消除这个延迟： 打开 应用程序-实用工具-终端 输入如下代码并回车： defaults write......