html首行縮排、懸停效果

標籤：style   blog   使用   io   ar   問題   div   代碼   

首行縮排：在塊元素如（<div style="text-indent: 2em;">）設定首行縮排兩個字元，則其子項目的區塊層級元素如<dt>、<li>、<p>等會自動縮排兩個字元，但通用段落標籤<p>預設會換行多出一行空間(預設下外邊距為1em)，如要少去空行可設定其標籤下外邊距為0（<p style="margin-bottom: 0em;">）或外邊距為0（<p style="margin: 0em;">該設定可在DW會即時顯示）。用分行符號加一個行內元素如（<br /><span style="margin-left: 2em;"></span>）設定左外邊距為2個字元。用<br />&nbsp;&nbsp;&nbsp;&nbsp;)+4個全形實體空格（一般在程式碼檢視插入會顯示實體空格，在設計檢視插入空格時在程式碼檢視顯示為空白（看不到實體空格），但效果相同。），都可解決問題。但<table>、<ul>、<ol>等區塊層級元素也會繼承縮排，解決辦法是將其縮排設定為0，如表格<table style=" text-indent: 0;">等。用DW編輯可建一個代碼片斷插入，用WLW編輯可用Text template外掛程式建模板後插入模板都很方便操作，建議採用<li>（需要列表標記）、<dt>（不需要列表標記）、<p>（段落）按不同功能使用，本空間就是用這三個標籤的有機結合。如果父元素不設定縮排則在各塊元素就要都設定首行縮排，如果是行內元素要輸入實體空格、設定外邊距方法，或將其設定為塊元素和縮排。

在百度空間的CSS模板設定首行縮排：設定#m_blog div.cnt p，#m_blog div.cnt dt，#m_blog div.cnt li{text-indent: 2em; line-height:1.5em;font-size:14px;}可使你在線上編輯器按確認鍵能實現過行首行縮排、字型大小、行高的設定，粘貼帶有你設定的標籤的文檔（如WLW）就能按你的設定顯示。

怎樣建一個懸停開啟空連結來顯示標題內容：鍵一個串連刪除掉地址屬性href，設定標題和樣式，如我空間的側邊欄：<a title="首行縮排、怎樣建一個懸停開啟空連結來顯示標題內容" style="text-decoration: none;">相關主題內容（懸停開啟）</a>。