HTML CSS学习笔记

第一章

网页构成:文本内容、对其他文件的引用和标记。
HTML标记由元素、属性和值构成。
除DOCTYPE全部用小写字母编写，用引号包住属性值，用一个空格和斜杠结束空元素。
主要为浏览器和搜索引擎准备的指令在head元素中，页面内容都在body元素中。
用语义化HTML标记内容，不关心它在浏览器中显示的样式，CSS控制HTML内容的表现。
每个浏览器自带的样式表规定HTML的默认表现样式，可以使用自己写的CSS覆盖这些规则。
用小写字母创建文件及文件夹名称，用短横线(而非下划线或空格)对单词进行分隔。

第二章 处理网页文件
画网站结构草图进行规划(不要花费过多时间)
网页需保存为“纯文本”格式（为了让所有程序都能访问网页）
通过ViewSource、开发者工具查看其他设计者的代码。可通过开发者工具查看某个特定的效果是如何实现的，可以随意改动代码而不必担心破坏任何东西。

第三章 基本HTML结构
掌握HTML5的文档大纲十分重要。可创建多种测试页面，比较它们在HTML5Outliner中的结果，从而更好地理解大纲算法原理。做项目时，也应使用Outliner，确保页面结构是符合预期的。
适合用作聚合的一块独立内容或一个小组件，用article。在大多数情况下，用section。
对于与内容有关的图像（如图表、图形或代有说明文字的插图），使用figure而非aside。
HTML5不允许将aside嵌套在address元素内。
不能在footer里嵌套header或另一个footer，也不能将footer嵌套在header或address元素里。

第四章
HTML会忽略在文本编辑器中输入的回车和其他额外空格，要在网页中开始一个新段落，用p元素。
cite只用于参考源本身，对于要从引用源中引述内容的情况，用blockquote（引述的文本通常更长，但不一定是这样）或q元素（用于短的引述）标记引述的文本。
根据需要，blockquote可长可短，可包含cite属性（注意不要与cite元素混淆）提供引述文本的位置。
如果引述文本的语言与页面默认语言（通过HTML元素的lang属性指定）不同，就在q元素中加上lang属性。
blockquote元素是HTML5的区块根，它可以有h1~h6标题（及自身的大纲），但文档大纲不会包含这些标题，这与分块内容是不一样的。
q元素引用的内容不能跨越不同的段落。
blockquote元素可嵌套，q元素也可以。
/*
* 在所有浏览器中防止sub和sup影响line-height
* gist.github.com/413930
*/

sub,
sup{
font-size: 75%；
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup{
top: -0.5em;
}
sub {
bottom: -0.25em;
}

del和ins可标记整个段落或其他块级元素。
预格式化的文本可以保持文本固有的换行和空格。
code元素可以标记pre外面的代码块或与代码有关的文本。
small表示细则一类次要的注释，通常是行内文本中的一小块，而不是包含多个段落或其他元素的大块文本。
span只适合包围字词短语，div适合包含块级内容。
class用于一组元素，id用于表示页面中单独的、唯一的元素。
ruby元素以及它们的子元素rt和rp是HTML5中为内容添加旁注标记的机制。rt指明对基准字符进行注解的旁注字符。可选的rp元素用于在不支持ruby的浏览器中的旁注文本周围显示括号。
meter不用于标记没有范围的普通测量，如高度、宽度、距离、周长等。meter和progress元素不能混在一起用。

第五章
在纸上，像素可以增加细节或尺寸。在屏幕上，像素越多，图像就越大。

第六章
通常对指向站内网页的链接使用相对URL，对指向其他网站页面的链接使用绝对URL。
创建连接时尽量避免使用“点击”一词，“点击此处”缺乏上下文，它对激活链接及会不会产生激励。应用文本中已存在的关键词对链接进行标识。例如，使用“了解我们”，而不是“点击此处了解我们”。

第七章
HSLA的格式为
property: hsla(hue,saturation,lightness,alpha transparency)；
色相，饱和度，亮度
选择一个0到360之间的色相，将饱和度设为100，亮度设为50，就会得到这种颜色最纯的形式。降低饱和度，颜色就会朝灰色变化。增加亮度，颜色就会朝白色变化；减少亮度，颜色就会朝黑色变化。

第八章

第九章
CSS中，通常保持较低的特殊性，样式会更易于复用。
伪元素(pseudo-element)是HTML中并不存在的元素。伪类(pseudo-class)应用于HTML元素。
因为链接可能同时处于多种状态(如同是处于激活和鼠标停留状态)，且晚出现的规则会覆盖前面出现的规则，所以，按照link、visited、focus、hover、active（缩写为LVFHI）顺序定义规则。
几种类型的选择器（均可组合使用）
按上下文选择元素
按名称选择元素
按class或id选择元素
通过伪类或伪元素选择元素
根据属性选择元素