出版社:中国电力出版社
出版日期:2013-9
ISBN:9787512344778
作者:Elisabeth Robson,Eric Freeman
页数:762页
《Head First HTML与CSS（第2版）》的笔记-第585页 - HTML5标记
我们在《Head first HTML5 Programming》中就实现了自己的定制控件。加入我们吧，JavaScript 真的很有趣!
=。=难道不应该是《Head first JavaScript》么？这句话读着总有种“A好流弊好流弊所以我们加入B吧”的赶脚。。。
《Head First HTML与CSS（第2版）》的笔记-1-14章 - 1-14章
1-6章：https://www.zybuluo.com/miniroadrunner/note/532271
7-14章：https://www.zybuluo.com/miniroadrunner/note/532832
《Head First HTML与CSS（第2版）》的笔记-第531页 - 布局与定位
一旦你指定了元素的位置，下面就有意思了：你可以随便滚动页面……这个元素不会移动。你可以调整窗口大小……这个元素仍然不会移动。拿起你的显示器，使劲摇晃……它依然不会移动。OK，最后一个说法是开玩笑的，别当真。(≧∇≦)/
《Head First HTML与CSS（第2版）》的笔记-第35页 - Web语言
来看看CSS吧。多么高雅，多么简单，不会<在所有东西><周围>都加上那些笨拙的尖括号。<看><我><也><能><像><HTML先生><那样><说话><，><快><看><我><！>
2333333333333,笑喷了！
《Head First HTML与CSS（第2版）》的笔记-第116页
填字游戏图画错了么？
《Head First HTML与CSS（第2版）》的笔记-第1页
* 使用「..」可以链接到源文件上一层文件夹中的一个文件。
* <q> 用来添加简短的引用，<blockquote> 用来添加较长的引用。
* <br> 是一个 void 元素，void 元素没有内容。
* 要对 HTML 内容中的特殊字符使用字符实体。
* 在 JPEG、PNG、GIF 间选择合适的图像格式。
* 尽量为图片添加 alt 属性。
* 使用缩略图可以减少载入网页的时间，仅使用 width 和 height 属性仍会先下载整张图片。
* 给透明 PNG 图片设置蒙版颜色能获得更好的边缘视觉效果。
* 要由图像创建一个链接，可以使用 <img> 元素作为 <a> 元素的内容，将链接放在 <a> 元素的 href 属性中。
* HTML 5 的文档类型声明：<!DOCTYPE html>
* 在 <head> 元素中声明正确的字符编码，如：<meta charset="uft-8">
* 元素从它们的父元素继承样式，像「边框」这样的属性不能继承。
* 如果一个规则比其他规则更特定，它就会胜出。如果两个选择器有相同的特定性，那么会使用 CSS 文件中最后列出的规则。
* 字体系列包括 sans-serif、serif、monospace、cursive（包含看似手写的字体）、fantasy（包含某种风格的装饰性字体）。
* font-family 最后总是放一个通用的字体系列名。
* 使用 @font-face 规则为页面增加 Web 字体。
* TrueType 和 OpenType 字体紧密相关，OpenType 建立在 TrueType 基础之上。Embedded OpenType 是 OpenType 的一种压缩形式，微软专用，仅 IE 支持。Scalable Vector Graphics 或 SVG 是一种通用图像格式。Web Open Font Format 建立在 TrueType 基础之上，已经发展为 Web 字体的一个标准。
* font-size 用百分数或 em 指定字体大小时，是相对于父元素的字体大小。
* 使用相对字体大小可以让你的页面更可维护。选择一个关键字（small、normal……），指定它作为 body 规则中的字体大小。默认字体大小通常是 16 像素。
* 斜体（italic）和倾斜（oblique）风格会使字体看起来是倾斜的。
* 使用 rgb(80%, 40%, 0%) 或 rgb(204, 102, 0) 指定颜色。
* border-style 有 8 种，包括 solid（实线）、double（双线）、groove（槽线）、ridge（脊线）、outset（外凸）、inset（内凹）、dotted（虚线）、dashed（破折线）。
* 边框宽度可以使用关键字 thin、medium 和 thick 来指定。
* 用 background-repeat 和 background-position 属性设置图像重复和位置。
* id 和类名都可以包含字母、数字以及_字符，但不能有空格。
* media 属性允许指定应用某个样式表的设备类型。可以在 <link> 元素中使用媒体查询或者使用 CSS 中的 @media 规则来指定设备。
* 如果两个样式表包含冲突的属性定义，HTML 文件中最后链接的样式表最为优先。
* orientation: portrait（竖屏）、orientation: landscape（横屏）、min-device-width、max-device-width
* width 属性只指定内容区的宽度。一个块元素的默认宽度是 auto。
* text-align 会对块元素中的所有内联内容对齐，并且只能在块元素上设置。
* > 选择直接的孩子。
* 可以对 line-height 直接使用一个数。
* 上、右、下、左。
* 简写形式 font: font-style font-variant font-weight font-size/line-height font-family
* <a> 元素的几种状态：link、visited、hover、focus、active
* 其他的伪类 :first-child、:last-child
* 在一个 CSS 属性声明的最后加上 !important 可以覆盖样式。
* 权重 id 大于 class 大于元素。
* 浏览器上下放置两个块元素时，它们共同的外边距为两个外边距中较大的那个外边距大小。
* position 默认值是 static，另外三个是 absolute、fixed（相对浏览器窗口）、relative。
* CSS 布局工具箱的策略：浮动布局、凝胶布局、绝对布局、表格显示布局。
* 浮动元素放在块元素之上，不会影响正常的页面流。不过，内联内容会考虑浮动元素的边界，围绕着这个浮动元素。
* 浮动元素必须有特定的宽度，不能设置为 auto。
* 冻结布局是指，其中内容的宽度是固定的，不会随着浏览器窗口扩展或收缩。
* 凝胶布局是指，其中内容宽度是固定的，但是外边距会随着浏览器窗口扩展或收缩。
* 绝对定位允许将元素放在页面上的任何位置。默认地，绝对定位元素会相对于页面边界来放置。
* 如果一个绝对定位元素嵌套在另一个定位元素中，这个元素就回相对于外包含元素定位。
* 相对定位元素首先正常流入页面，然后按指定的量偏移，从而留出他们原先所在的空间。
* <section>、<article>、<aside>、<nav>、<header>、<footer>。
* HTML 表格元素 <table>、<tr>、<th>、<td> 一起用来创建一个表格。可以用 <caption> 元素提供关于表格的额外信息。
* 表格单元格没有外边距，而是使用 border-spacing 属性。
* border-collapse 属性允许将单元格边框合并为一个边框。
* 使用 nth-child 伪类可以为表格隔行增加背景颜色。
* list-style-type 和 list-style-image 可以指定列表的样式。
* 使用 <form> 元素创建表单，action 属性包含服务器脚本的 URL，method 属性包含发送表单数据的方法。
* <input> 元素的 type 属性值可取 text、submit、radio、checkbox、number、range、color、date、email、tel、url、password、file。value 属性可以用来提供初始值。
* <textarea> 元素会创建一个多行的文本区。<select> 元素会在 Web 页面中创建一个菜单控件，与 <option> 元素结合使用。
* 布尔属性 checked、multiple、required。
* 可以使用 <fieldset> 元素组织表单元素。
* 伪元素 :first-letter、:first-line，属性选择器 img[width]，按兄弟选择 h1+p。
* transition 属性、transform 属性。
《Head First HTML与CSS（第2版）》的笔记-第651页 - HTML表单
要创建服务器脚本，这本身是一个很大的主题。已经超出了这本书的范畴。嗯，我们本来想加入这些内容的，不过这样一来，这本书可就太重了，可能比你还要重（这可不好）。所以，还是算了吧......
#来自本书的恶意
Head First HTML与CSS（第2版）下载 更多精彩书评