html首行縮進、懸停效果

首行縮進:在塊元素如(<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>。spa

相關文章
相關標籤/搜索