關於HTML和CSS一些雞零狗碎的事

原文發表於我本身的服務器www.jjxiaoliu.cn；不過這個服務器我可能不打算續費了，因此搬到cnblogs來。

 

有些關於HTML和CSS的內容不值得單獨列一篇文章，全都放在這裏了。

咱們能夠利用註釋來給本來不能斷行的HTML代碼增長斷行：
<!– 下面的代碼可能出如今使用<ul>和<li>製做的簡單橫向菜單中（配合CSS） –>
<li>item1</li><!–
–><li>item2</li>

指定charset的兩種寫法：
<meta charset=」utf-8″ />
<meta http-equiv=」Content-Type」 content=」text/html; charset=utf-8″ />
這兩種幾乎是同樣的。因此通常用短些就能夠了。

咱們可使用download屬性來設定用戶下載到本地的文件名：
<a href=」something_to_be_download」 download=」short_name」>Download something</a>

用於標記計算機代碼的HTML標籤：

• <code>，標記通用計算機代碼
• <var>，標記變量名
• <kbd>，標記用戶輸入
• <samp>，標記計算機輸出

<thead> .vs. <th>
<thead>僅描述表格結構；<td>通常而言會使得瀏覽器以更醒目的方式渲染標籤內容（表現形式）。
若是對上一段文字感到擰巴，能夠參考這一篇：
HTML與CSS：結構與表現。
另外，在打印長表格時，<thead>和<tfoot>會自動重複出如今每一頁的頭和尾。從這點來講，它們更像是頁頭和頁尾。
在須要時，<thead>和<th>也是能夠混用的。能夠參考MDN上關於<thead>標籤的例子。

pseudo-classes與pseudo-element
pseudo-classes匹配整個標籤，而pseudo-element匹配標籤內的特定元素。
例如：p:first-child匹配做爲第一個child元素出現的p標籤；p::first-letter匹配p標籤內的第一個字符。
順便說一下，pseudo-classes的child是指標籤自己做爲child，不是指標籤的下級child。且child計數從1開始。

CSS的屬性名稱不區分大小寫，但屬性值區分大小寫。
[name=」jjxiaoliu」]等價於[Name=」jjxiaoliu」]，但不等價於[name=」JJxiaoliu」]。

CSS能夠用緊鄰的[]匹配多個屬性。
[country=」china」][province=」jiangsu」]能夠匹配以下標籤：
<p country=」china」 province=」jiangsu」>Jiangsu Province, China</p>
注意兩個[]之間不能有空格。
若是兩個[]之間有空格，那麼將造成Descendant selector，因而匹配的將是以下形式的HTML結構：
<div country=」china」>
<p province=」jiangsu」>Jiangsu Province, China</p>
</div>

class和id聯合使用
p.class_name#id_name
相似的，class也能夠和屬性聯合使用：
p.class_name[attribute]

css的margin屬性
若是相鄰元素都是正值，那麼取正最大；
若是相鄰元素都是負值，那麼取負最大；
若是相鄰元素正負相反，那麼取二者的和。

css的position屬性若是設置爲absolute，那麼位置值默認是相對於html標籤，除非其祖先設置過position爲非static值：即absolute的位置值是相對於其祖先元素裏除去用static定位之外的最近一個；若是設置爲relative，那麼位置值是相對於其「本來（沒有設置位置的狀況下）應該在的」位置。若是設置爲fixed，那麼位置值是相對於瀏覽器窗口。