id表示具體元素、class表示一類元素的表現

id表示具體元素、class表示一類元素的表現

/*><! */ html { font-family: Times, serif; font-size: 12pt; } .title { text-align: center; } .todo { color: red; } .done { color: green; } .tag { background-color: #add8e6; font-weight:normal } .target { } .timestamp { color: #bebebe; } .timestamp-kwd { color: #5f9ea0; } p.verse { margin-left: 3% } pre { border: 1pt solid #AEBDCC; background-color: #F3F5F7; padding: 5pt; font-family: courier, monospace; font-size: 90%; overflow:auto; } table { border-collapse: collapse; } td, th { vertical-align: top; } dt { font-weight: bold; } div.figure { padding: 0.5em; } div.figure p { text-align: center; } .linenr { font-size:smaller } .code-highlighted {background-color:#ffff00;} .org-info-js_info-navigation { border-style:none; } #org-info-js_console-label { font-size:10px; font-weight:bold; white-space:nowrap; } .org-info-js_search-highlight {background-color:#ffff00; color:#000000; font-weight:bold; } /**/ -->

id表示具體元素、class表示一類元素的表現

Table of Contents

• 1 css
  • 1.1 從qq空間的一個html標籤說起。
    • 1.1.1 html文件:
    • 1.1.2 css:
  • 1.2 一些思考

1 css

1.1 從qq空間的一個html標籤說起。

1.1.1 html文件:

<div id="floatItem" class="float_center"></div>

1.1.2 css:

.float_center { margin-left: 50%; } position: relative; z-index: 200; }

1.2 一些思考

1： 這樣可以複用.float_{center標籤。使css更有結構} 2： id, class屬性值可以直接用css的表現來命名。如float, center, left, right等等。 3： 我試過chrome下，ff下，.float_{center的內容是不一樣的。可以說，這個css選擇器，就確定了工作重點。}

Author: <zfreay@ZFREAY-PC>

Date: 2011-06-28 20:14:35

HTML generated by org-mode 6.33x in emacs 23