2016年06月_find面码

原创《CSS权威指南》学习记录——生成内容

生成内容（generated content）是指由浏览器创建的内容，而不是由标记或内容来显示。例如，列表标志就是生成内容。插入生成内容利用：before和：after伪元素可以将指定内容放在元素的前面或后面。例如：a[href]:before{content:"(link)";}显示如下：关于content关键字：content。可接受：string、url、attr、normal（默认值）等

2016-06-11 10:53:21 448

原创《CSS权威指南》学习记录——列表

HTML部分无序列表<ul> <li>咖啡</li> <li>茶</li> <li>牛奶</li> </ul> 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。有序列表<ol> <li>咖啡</li> <li>牛奶</li> <li>茶</li> </ol> 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。自定义列表自定义列表不仅仅是一列项目，而是

2016-06-11 08:09:09 573

HTML部分表格表格由 table标签来定义。每个表格均有若干行（由 tr 标签定义），每行被分割为若干单元格（由 td标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。<table> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr

2016-06-10 23:01:54 3235

原创《CSS权威指南》学习记录——定位（二）

包含块和绝对定位元素元素绝对定位时，会从文档流中完全删除，然后相对于其包含块定位，其边界根据偏移属性放置。定位元素不会流入其他元素的内容，反之亦然。这说明，绝对定位元素可能覆盖其他元素，或被其他元素覆盖。绝对定位元素的包含块是最近的position值不为static的祖先元素，创作人员通常会选择一个元素作为绝对定位元素的包含块，将其position值设为relative且没有偏移：显示如下

2016-06-10 16:19:53 3821

原创《CSS权威指南》学习记录——定位（一）

利用定位，可以准确地定义元素框相对于其正常位置应该出现在哪里，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。定位的类型关键字：position。可接受：static（默认值）、relative、absolute、fixed。应用于所有元素。无继承性。 static 元素框正常生成。 relative 元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。 absolut

2016-06-10 10:21:41 604

原创《CSS权威指南》学习记录——浮动

浮动关键字：float。可接受：left、right、none（默认值）。适用于所有元素。无继承性。<img src="b4.gif" style="float:left;alt="b4"" > 一个元素浮动时，其他元素会“围绕”该元素。浮动元素不会与周围元素发生外边距合并。如果要浮动一个非替换元素，则必须要为其声明一个width。让一个元素浮动，它会像块级元素一样摆放和表现，但本质不变

2016-06-10 01:15:04 744

原创《CSS权威指南》学习记录——颜色和背景

前景色一般来说，前景是元素的文本，还包括边框。最简单的方法是使用color属性改变文本颜色，同时还会影响边框的颜色。要覆盖的话，可以使用border-color。没什么好说的~~背景元素的背景区包括前景之下直到边框外边界的所有空间，因此，内容区和内边距都是背景的一部分，且边框画在背景之上。背景色关键字：background-color。可接受color、transparent（默认值），不能继承。背

2016-06-09 21:18:27 498 2

原创《CSS权威指南》学习记录——行内元素

术语解释匿名文本匿名文本是指所有未包含在行内元素中的字符串。空格也是匿名文本的一部分。em框em框在字体中定义，font-size的值决定了em框的高度。内容区对于非替换元素，内容区是指元素中各em框串在一起构成的框；对于替换元素，内容区就是元素的固有高度加上可能有的外边距、边框、内边距。行内框通过line-height减去font-size的值（行间距），除以2，分别应用到内容区的顶端和底端，得到

2016-06-04 22:26:42 558

原创《CSS权威指南》学习记录——块级元素

包含块每个元素都相对于其包含块摆放，对于正常的西方语言文本流的中的一个元素，包含块由其最近的块级祖先框、表单元格或行内块祖先框的内容边界组成。例如：<body> <div> <p>xxx</p> </div> </body> 则p的包含块是div，div的包含块是body。因此，p的布局依赖于div，div的布局依赖于body。术语解释替换元素指用作为其他元素占位符的元素。例如im

2016-06-04 13:40:48 592

原创《CSS权威指南》学习记录——内边距、边框、外边距

//好讨厌，这本书居然在第七章就直接用了这些属性，然后在第八章部分介绍o(╯□╰)o~所以，这部分内容是根据w3c来学习的，等我看完第七章和第八章后再向里面加些内容框模型概述CSS假定每个元素都会生成一个或多个矩形框，称其为元素框。元素框中心有一个内容区，内容区周围有可选的内边距、边框、外边距。元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边

2016-06-01 22:44:40 1361

giligili~eye giligili~mind