HTML5-学习笔记

1、在 style 元素中，定义类选择器必须添加 . 为前缀，定义ID选择器必须添加 # 为前缀。但在HTML中class属性的值不需要添加 .或# 为前缀。
2、应用多个class到一个元素，只需要在多个class之间用空格分开即可（顺序并不重要）。例如：
3、把 a 元素的 href 属性的值替换为一个 #，可将其转换为一个固定链接。
4、img 元素添加图片，并使用 src 属性指向一个图片的具体地址，图片无法加载时显示alt内容。img 元素是自关闭元素，不需要结束标签。
5、font-family 属性来设置元素的字体。字体大小由 font-size CSS属性控制
6、border-radius的CSS属性来改变它的边框变成圆角，可用像素或百分比。

action指定了表单提交到服务器的地址。
placeholder未输入前预定义的文本。
input标签加上required属性，设置为必填项。
input标签加上checked属性，设置默认勾选。
<form action="/submit-cat-photo" id="cat-photo-form">
	<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
	<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
	<label><input type="checkbox" name="personality" checked> Loving</label>
	<label><input type="checkbox" name="personality"> Lazy</label>
	<label><input type="checkbox" name="personality"> Energetic</label>
	<input type="text" placeholder="cat photo URL" required>
	<button type="submit">Submit</button>
</form>
每个单选/复选按钮都应该嵌套在自己的 label(标签) 元素中。
所有关联的单选/复选按钮应具有相同的 name 属性。
内联样式将覆盖style 中定义的所有 CSS声明（内联样式如下：<h1 style="color: white;">）；
id 声明都会覆盖 class 声明；<style> 部分中的 class 声明的顺序是重要的，第二个声明将始终优先于第一个声明。
绝对需要确定一个元素具有特定的CSS时，可以使用 !important；如：color: pink !important;