初探CSS与html格式

在html文件顶部加<link rel="stylesheet" href="/static/operator.css">，即可加载operator.css文件。

CSS文件语法：

CSS选择器分三类：标签选择器，类选择器，ID选择器。语法分别如下：

* { margin:0; padding:0; }
p { font-size:2em; }
.info { background:#ff0; }
p.info { background:#ff0; }
p.info.error { color:#900; font-weight:bold; }
#myID { background:#ff0; }
p#myID { background:#ff0; }

第一个是通用选择器，样式适用于所有元素。

第二个是标签选择器，所有的p标签应用此样式。

第三个是类选择器，需要在标签中填写<class="info">，即使用info这个类选择器。

第五个是ID选择器，需要在标签中填写<id="myID">进行匹配。

样式的匹配优先级是：ID选择器 > 类选择器 > 标签选择器 > 通用选择器。（以上的优先级排序由低到高）

在样式调试过程中多使用chrome的开发者工具，在css框中能清楚看出选择器名称，以及哪个选择器被覆盖等信息。