CSS3与页面布局学习总结（一）——概要、选择器、特殊性与刻度单位 目录 一、CSS3概要 1.1、特点 1.2、效果演示 1.3、帮助文档与学习 二、选择器 1.1、基础的选择器 1.2、组合选择器 1.3、属性选择器 1.4、伪类 1.5、伪元素 三、特殊性（优先级） 3.2、计算特殊性值 四、 ...
分类：
Web程序 时间：
2016-12-04 23:04:16
阅读次数：
299
frameset框架集 Frameset标签可定义一个框架集，它用来组织多个窗口（框架），每个框架有独立的html文档，在石油frameset是，不可以同时存在body标签，他和body标签是同级的。 多个框架组成了一个框架集 1 框架集标签（frameset）第一如何将窗口分割为框架 2 每个fr ...
分类：
其他好文 时间：
2016-12-04 20:31:48
阅读次数：
292
关于行内元素： 行内元素设置width无效， height无效(可以设置line-height)， margin上下无效，padding上下无效，margin和padding可设置左右。 text-align:center的测试： .text-align{text-align:center;} <d ...
分类：
Web程序 时间：
2016-12-04 20:28:26
阅读次数：
193
一、负边距与浮动布局 1.1、负边距 所谓负边距就是margin取负值的情况，如margin：-40px；margin-left：-100%。当一个元素与另一个元素margin取负值时将拉近距离。常见用法如下： 1.1.1、向上移动 当多个元素同时从标准流中脱离开来时，如果前一个元素的宽度为100% ...
分类：
Web程序 时间：
2016-12-04 13:41:05
阅读次数：
223
web前端开发者最最注的内容是三个：HTML、CSS与JavaScript，他们分别在不同方面发挥自己的作用，HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业务。当然内容与用户资源也是不能忽视的。尽量不要跨职责范围使用，有点“SRP单一职责”的意思，如字 ...
分类：
Web程序 时间：
2016-12-04 11:35:18
阅读次数：
346
一， Flex布局是什么 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。Flex布局是W3C组织于2009年提出的一种布局方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经 ...
分类：
Web程序 时间：
2016-12-04 07:56:19
阅读次数：
356
恢复内容开始 第十章的编程练习是选项卡切换的问题。 先分析下思路， 一、HTML页面布局 我们可以用ui li 标签来写最上面一行的内容；用个div来装下面内容，为了实现更多的效果，我们可以把上面那行的文字放在<a>标签里。 二、CSS样式制作 对文档进行基本的样式设置，font color bor ...
分类：
编程语言 时间：
2016-12-04 07:07:31
阅读次数：
191
一、负边距与浮动布局 1.1、负边距 所谓的负边距就是margin取负值的情况，如margin:-100px，margin:-100%。当一个元素与另一个元素margin取负值时将拉近距离。常见的功能如下： 1.1.1、向上移动 当多个元素同时从标准流中脱离开来时，如果前一个元素的宽度为100%宽度 ...
分类：
Web程序 时间：
2016-12-01 21:48:24
阅读次数：
393
一、BFC与IFC 1.1、BFC与IFC概要 BFC（Block Formatting Context）即“块级格式化上下文”， IFC（Inline Formatting Context）即行内格式化上下文。常规流（也称标准流、普通流）是一个文档在被显示时最常见的布局形态。一个框在常规流中必须属 ...
分类：
Web程序 时间：
2016-12-01 09:46:25
阅读次数：
393
CSS3与页面布局学习总结（五）——Web Font与Sprite 目录 一、web font 1.1、什么是font-face 1.2、font-face优点 1.3、字体格式 1.4、使用@font-face 1.4.1、下载字体 1.4.2、使用font-face将字体引入web中 1.4.3 ...
分类：
Web程序 时间：
2016-12-01 02:20:59
阅读次数：
299
