2012-01-05 35 views
0

几个月前,我学会了网页设计的基础知识,并试图修复我设置的基本网站,以遵守标准,看起来更整洁。我写这篇文章的方式是用不间断的空格来分隔我的段落。我相信你们都会把你的头发都撕掉,但这就是为什么我要改善。正确的方式来空间文本?

但是,我仍然不确定,但是,正确的方式来分隔文本是。我的第一个是使用边距,这意味着要设置段落元素的显示来阻止。鉴于改变元素结构是错误的,因为考虑到可能有更合适的元素使用,我决定检查一些网站,看看他们是如何做到的。我检查的每一个都使用CSS中的display:block和margin属性。

这是正确的方法吗? HTML5中有替代它的东西吗?如果我确实使用HTML5,这是否意味着旧版浏览器将无法正确显示它?

+0

之外,还检出CSS属性'线height' – buley 2012-01-05 23:21:41

回答

2

为每个段落使用标签<p>

HTML 5向后兼容。

P标记不是HTML 5的排除标记。它适用于所有版本的HTML。

+1

p元素IS HTML5如同所有其他元素。这都是超文本标记语言。 – Rob 2012-01-05 23:02:58

+0

我的意思是,P元素在以前的版本中工作。我将编辑帖子..谢谢 – 2012-01-05 23:13:14

0

这听起来像你想控制你的段落之间的空间,这是正确的吗?您不必将p元素设置为块显示。如果您希望段落间距在所有浏览器之间保持一致,我建议首先要确保所有浏览器都使用完全相同的间距,方法是将边距重置为空。检查埃里克迈尔非常着名的CSS reset给你一个很好的清洁石板开始。接下来,在您的CSS中,您可以为您的段落设置一个边距,以确保它们之间有多大的空间。请注意,如果您只是使用margin:属性而不是margin-bottom,则段落将会翻倍(第二段的margin-top将添加到第一段的margin-bottom,依此类推)。

这一切复位,你可能把这样的规则在你的CSS:

p { 
margin-bottom: 16px; /* Sets the margin only below the paragraph element */ 
text-indent: 10px; /* Indents the first line of your paragraph */ 
} 

另外,请记住,CSS重置往往撕出一个浏览器的默认设置的很多关于你的标记,所以记住,当你的h1标签看起来很小而且不再粗体时!希望这可以帮助。

+0

这将意味着使p元素显示块。我的问题是,如果这是正确的做法? – mowwwalker 2012-01-05 23:27:13

+0

我从来没有设置p显示:块。即使它是内联元素,即使使用Eric Meyer的CSS重置,p仍然有换行符。如果你正在谈论“正确的方式”,我认为很多设计师会通过使用CSS重置来为游戏平台设置水平,然后为元素构建自己的边距和填充,以便在所有浏览器中获得相同的像素。 – huzzah 2012-01-05 23:36:17

+0

我在说你不能在内联元素上有一个边界,这是默认的。 – mowwwalker 2012-01-05 23:41:57

1

p元素块元素,采用HTML术语,默认情况下也采用CSS术语。因此,如果您更喜欢与默认边距不同的东西(无左边距或右边距,但顶部和底部边距通常分别对应一条空行),则可以在其上设置边距。您在CSS中专门设置的内容取决于您希望实现的内容,这在问题中并不明显。

默认渲染的段落之间用空行等值分隔,遵循简单办公自动化系统和旧打字机的实践。如果您喜欢更传统的书本式渲染,则可以通过第一行缩进来替换空行,例如,

p { margin: 0; text-indent: 1em; } 
从下面提到的边距属性