摘要:
一、 基本概念 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; } 阅读全文