首页 > 代码库 > html首行缩进、悬停效果
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 /> )+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>。