<head>之间的内容是隐藏的
<meta charset="UTF-8">：语言是英语,
UTF-8：万国语
<title>课程表<title> :网页标题叫：课程表
<link rel="stylesheet" type="text/css" href="./css/table.css">用来关联css样式
CSS：增加效果：路径：./文件夹/文件
两种标签：
1具有 属性的标签
2开始，闭合标签，中间是元素的内容
标签分为两种
1行内元素inline ：所有的都在一行,长宽设置对行内元素不起作用。只是内容的大小。font-weight
2块级元素block ：自动分行,可以用height,width来描述
标签分2种
1语意标签:,,,,（给程序员们看得）
2效果标签，例如：（有一定效果）
标题<h1>~<h6>
段落<p>
块状（通用）<div>
分割线<hr/>
下一行<br/>
注释 <!--这是一段注释。--> 注释不会在浏览器中显示。
设置字体：font-family
设置粗体：font-weight:700,900；B:
font-weight：bold,bolder
设置字的大小：font-size
style： 属性用于改变 HTML 元素的样式。例：<body style="font-family:verdana;color:red"
border:边框，
border:1px solid blue;
class选择器 比 标签选择器优先度高
css优先级
当两个规则都作用到了同一个html元素上时，如果定义的属性有冲突，那么应该用谁的值的，CSS有一套优先级的定义。
不同级别
在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。
作为style属性写在元素内的样式
id选择器
类选择器
标签选择器
通配符选择器
浏览器自定义或继承
总结排序：!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性
雪碧图
width100%是父元素的100%
大前提
* {
margin:0;
padding: 0;
}
行高：line-height
文字在行高里是上下居中的。
可以实现文本居中，将行高=width
CSS
1 行内样式 ：width,height,border,color等
2 内联样式表：只能控制本页面样式
选择器{}；a 标签div; b id命名法，唯一性；c class命名法 名称复用性。
3 外联样式表 ：
background:repeat-x:横向平铺
background：repeat-y 纵向平铺
background:no-repeat
