第1页
猫壳 (我太菜了。)
- 页码：第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 属性。
说明 · · · · · ·
表示其中内容是对原文的摘抄