摘要：
一、 基本概念 4. 二、视口 2. 三、定位体系概述 三、1、视觉格式化模型规定，定位体系一共有三种：常规流（normal flow）；浮动（float）；绝对定位（absolute positioned） 2、任何一个元素，必须属于其中一种定位体系；不同的定位体系中，元素在包含块中的尺寸和位置会 阅读全文
摘要：
总结 一、 页面的制作过程 设计师制作设计图→前端工程师制作页面：1划分区域，2填充内容。 二、 如何划分区域 用合适的元素来表示不同的区域；设置区域的位置、尺寸、背景样式。 三、 划分区域中的CSS知识 a) 盒模型：单个盒子的组成。 b) 视觉格式化模型：多个盒子的排列（盒子之间的相互作用和影响 阅读全文
摘要：
一、 语义化概述 a) HTML种不同的元素代表不同的含义。 b) 使用就有含义的元素来书写HTML文档，即语义化。 c) 书写HTML文档最重要的，即为不同的内容选择合适的元素 d) 语义化属于HTML范畴，与样式无关。 a) 有利于浏览器理解HTML文档。 b) 有利于搜索引擎理解HTML文档。 阅读全文
摘要：
学习总结 一、 HTML <html> <head> <p></p> </head> <bady> <a></a> </bady> </html> Html元素直接包含了head与bady元素，所以HTML元素为head与bady元素的父元素，head与bady元素为HTML的子元素，head，ba 阅读全文
摘要：
弹性布局简介： 弹性布局，又称“Flex布局”，是由W3C老大哥于2009年推出的一种布局方式。 可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持，我们可以放心大胆的使用。 >>> 了解两个基本概念，接下来会频繁提到： ① 容器： 需要添加弹性布局的父元素； ② 项目： 弹 阅读全文
摘要：
1 a:link，定义正常链接的样式；2 a:visited，定义已访问过链接的样式；3 a:hover，定义鼠标悬浮在链接上时的样式；4 a:active，定义鼠标点击链接时的样式。 示例： a:link { color:#FF0000; text-decoration:underline; } 阅读全文