人丑就要多读书

2

给自己的Fonts教程续

• 人丑就要多读书_   2017-07-05 发布
• 4 收藏

这是一个叫做@font-face 的CSS @规则 ，它允许网页开发者为其网页指定在线字体。 通过这种作者自备字体的方式，@font-face 可以消除对用户电脑字体的依赖。 @font-face 不仅可以放在在CSS的最顶层, 也可以放在 @...

8

给自己的Fonts教程

• 人丑就要多读书_   2017-06-25 发布
• 26 收藏

准备工作 字符 - Character 字母、数字、汉字、符号等，是一种抽象实体。 字形 - Glyph 单个「字符」的具体表达，一个字可有多个不同的字形。 原则上 Unicode 中只对字，而非字形编码。 字型 - Font 印刷行业中，...

0

可视化效果(Visual effects)

• 人丑就要多读书_   2017-05-21 发布
• 4 收藏

Overflow and clipping 一般地，一个块盒的内容都被限制在该盒的content边内。某些情况下，一个盒可能会溢出，意味着它的部分内容或者全部内容位于该盒外部，例如： 一行无法拆分，导致行盒比块盒宽 一个块级盒对...

1

z-index

• 人丑就要多读书_   2017-05-19 发布
• 1 收藏

层叠上下文(stacking context)是HTML中的一个三维的概念.如果一个元素含有层叠上下文,我们就可以理解为这个元素在Z轴上就"高人一等".

0

绝对定位(Absolute positioning)

• 人丑就要多读书_   2017-05-17 发布
• 1 收藏

相对于float引起父元素塌陷,absolute要更进一步,上面的例子就可以看出,absolute元素完全脱离文档流,并且被其它盒子以及盒子内的文本无视

0

浮动(Float)

• 人丑就要多读书_   2017-05-09 发布
• 1 收藏

在绝大多数Web开发者的语境中，“布局”这个术语和“排版”是有差异的。“布局”偏向于指宏观的GUI区域划分，比如双栏布局或三栏布局等。从这一点出发，float其实本不是一项用于“布局”的属性。float对应的其实是传统印...

2

相对定位(Relative positioning)

• 人丑就要多读书_   2017-05-07 发布
• 2 收藏

当一个盒根据常规流或者浮动摆放好后，它可能会相对于该位置移动，这叫相对定位。 相对定位的盒保持它在常规流中的大小，包括换行和空格都会原样保留

5

行内格式化上下文(Inline formatting contexts)

• 人丑就要多读书_   2017-05-05 发布
• 8 收藏

IFC布局规则: 在一个行内格式化上下文中，盒是一个接一个水平放置的，从包含块的顶部开始 这些盒之间的水平margin，border和padding都有效 盒可能以不同的方式竖直对齐：以它们的底部或者顶部对齐，或者以它们里...

0

块格式化上下文(Block formatting contexts)

• 人丑就要多读书_   2017-04-26 发布
• 1 收藏

浮动，绝对定位元素，非块盒的块容器（例如，inline-blocks，table-cells和table-captions）和overflow不为visible的块盒（当该值已被传播到视口时除外（except when that value has been propagated to the view...

1

盒模型(Box model)

• 人丑就要多读书_   2017-04-25 发布
• 8 收藏

CSS盒模型描述了一个为文档树中的元素生成的并根据可视化格式模型进行布局的矩形框 IE盒模型和W3C盒模型在计算总宽度中存在一些差异 在W3C模型中width和height是指content的宽度和高度 在IE盒模型中,width和heigh...

0

border详解

• 人丑就要多读书_   2017-04-25 发布
• 收藏

border-style:dashed虚线,在chrome/firefox中,实点宽高3:1,实点虚点宽度比例1:1;在IE中,实点宽高2:1,实点虚点宽度比例2:1.

1

padding详解

• 人丑就要多读书_   2017-04-20 发布
• 1 收藏

padding属性指定了盒的padding区的宽度。'padding'简写属性一次性设置四周的padding，而其它padding属性只设置它们各侧的

1

margin详解

• 人丑就要多读书_   2017-04-13 发布
• 5 收藏

margin属性指定了盒的margin区的宽度。margin简写属性一次性设置四周的margin，而其它margin属性只设置它们各侧的。这些属性适用于所有元素，但非替换行内元素上的竖直margin将不会产生任何效果

3

视觉格式化模型(Visual formatting model)

• 人丑就要多读书_   2017-03-02 发布
• 6 收藏

在可视化格式模型(Visual formatting model)当中,文档树中的每个元素根据其盒模型生成0个或多个盒.这些盒的布局由(以下因素)控制:

0

CSS选择器

• 人丑就要多读书_   2017-01-24 发布
• 1 收藏

基本选择器 选择器 含义 CSS版本 优先级 * 通用元素选择器,匹配任何元素 2 0,0,0,0 E 标签(元素)选择器,匹配所有使用E标签的元素 1 0,0,0,1 .class1 class选择器,匹配所有class属性中包含class1的元素 1 0,0,1,0 ...

1

Atom安装及配置

• 人丑就要多读书_   2017-01-17 发布
• 7 收藏

Atom插件安装 比较常用的插件安装方法有3种. 1.假如有VPS的话,可以使用代理安装,没有的可以使用Lantern作为代理.这种方法最方便. 注意,需要为apm指定代理,即在XXX(用户文件)的.atom目录下创建一个名为.apmrc的文...