在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框中能清楚看出选择器名称,以及哪个选择器被覆盖等信息。

 

posted on 2016-05-18 23:46  hh6plus  阅读(157)  评论(0编辑  收藏  举报