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>。

html首行缩进、悬停效果

时间: 2024-10-25 17:19:26

html首行缩进、悬停效果的相关文章

css —— 图片环绕+首行缩进

1.利用css实现图片环绕文字的效果: 只需要给img标签设置float:left/right即可: 2.实现上段文字首行缩进两个字的效果: 使用 text-indent: 2em;即可(em为相对单位,2em相当于两个汉字的距离)

关于css的text-indent首行缩进两个字符和图片缩进的问题

段落前面空两个字的距离,不要再使用空格了.应该使用首行缩进text-indent. text-indent可以使得容器内首行缩进一定单位.比如中文段落一般每段前空两个汉字. <style type="text/css"> p{ text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/ } </style> 注:div标签不要忘记起始符.text-indent只对p或div标签有效,对br标签不生效,原因是br标签是换行标签不是分段

首行缩进css

html首行缩进2字符,可以使用CSS属性中的[text-indent]进行设置. 设置代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&g

windows live writer首行缩进问题的解决

使用live writer写博客的确方便,但有个简单的问题,我始终无法解决,就是发布的博客老是无法首行缩进,试过好多方法,都有问题: 直接加全角空格.上传时就给过滤掉了. 修改defaultcss,结果只是本地改了,传上去一样. 用text template插件(参考),传上去倒是好了.但如果要再次编辑修改,打开后又还原成顶格了. 最终解决方案: 在博客园的后台设置中,增加一个样式即可: #cnblogs_post_body p{text-indent:24px;} --就这么简单! windo

div+CSS实现段落首行缩进两个字符

段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符.应该使用首行缩进text-indent.text-indent可以使得容器内首行缩进一定单位.比如中文段落一般每段前空两个汉字. 在这里我们需要了解一种长度单位em.em是相对长度单位.相对于当前对象内文本的字体尺寸.我们中文段落一般每段前空两个汉字.实际上,就是首行缩进了2em. <style type="text/css"><!-- p{text-indent: 2em; /*em是相对单位

textfield首行缩进

#pragma mark - UITextView delegate Methods-(void)textViewDidChange:(UITextView *)textView{    NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];          paragraphStyle.lineSpacing = 30;    //行间距          paragraphStyle

WordPress文章首行缩进

WordPress后台编辑文章的时候会自动删除多余的空格,也就是说,你在后台编辑文章的时候添加的一些空格和换行在前台都是看不见的,都是被WordPress忽略了的,今天就讲讲怎么给所有文章添加首行缩进: 方法一: 网上的代码,我没有试过. 在functions.php中添加下面的代码: 1 2 3 4 5 //WordPress 文章首行缩进 function Bing_paragraph_indentation( $content ){     return str_replace( '<p'

UILable显示不同的字体颜色、字体大小、行间距、首行缩进、下划线等属性(NSMutableAttributedString)

案例1:修改文本字体大小.颜色属性 比如文本展示为姓名和性别,但是我们不能排除姓名会很长,所以此刻的lable宽度我们就不能写死,换句话说lable的宽度根据文本的内容来定 我经常用两种方式解决: 1.前面文章已经涉及:lable自适应http://blog.csdn.net/tuwanli125/article/details/51003798 2.就是使用NSMutableAttributedString属性给infoL设置文本 NSString *infoStr = [NSStringst

Div+Css实现段落首行缩进两个字符(text-indent标签)

段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符.应该使用首行缩进text-indent.text-indent可以使得容器内首行缩进一定单位.比如中文段落一般每段前空两个汉字. 在这里我们需要了解一种长度单位em.em是相对长度单位.相对于当前对象内文本的字体尺寸.我们中文段落一般每段前空两个汉字.实际上,就是首行缩进了2em. <style type="text/css"> p{ text-indent: 2em; /*em是相对单位,2em即现