日照网站建设_浏览器对网页的默认显示效果

日照网站建设_浏览器对网页的默认显示效果

既然控制页面样式的是CSS而非HTML（参见图1），为什么在浏览器中查看我们的基本页面时，某些文字的字号会比其他文字的字号大呢，为什么有的文字是粗体或斜体呢（参见图2）？

图1　在基本页面的结尾又加了一段，这样在浏览器中查看网页时就能看到每个段落都占据单独的一行（图2）。顺便说一下，small元素表示的含义是法律声明等条文细则。默认情况下，它比其他的文字显示得小一些，但是显示小字号并不是使用这个元素的理由

图2　浏览器的默认样式表将标题（h1～h6）与普通文本区别开来，对em文本加上斜体样式，对链接加上颜色和下划线。此外，有的元素从单独的一行开始（如h1和p），而其他一些元素显示在外围内容的里面（如a、em和small）。用你自己的样式表覆盖这些显示规则很简单

原因就是每个Web浏览器都有一个内置CSS文件（一张样式表），它决定了每个HTML元素的默认样式。你自己创建的CSS可以覆盖这些样式。对于不同的浏览器，默认样式会稍有差异，但总体上相当一致。重要的是，HTML所定义的内容的底层结构和含义是一致的。

块级元素、行内元素以及HTML5

容易看出，有些HTML元素（如article、h1和p）从新的一行开始显示，就像纸质书中的各个段落一样，而另外一些元素（如a和em）则与其他内容显示在同一行，如图2所示。需要强调的是，这是浏览器的默认样式，而不是HTML元素自身的样式，也不是由代码中两个元素之间的空行引起的（参见图1）。

这里需要多解释一下。在HTML5之前，大多数元素都可以划入块级（block-level，从新行开始显示）或行内（inline，与其他内容在同一行显示）两种类别。HTML5废弃了这些术语，因为这些术语把元素与表现关联起来，而HTML并不负责表现。（通常，旧的行内元素在HTML5中都被归类为短语内容。）

尽管如此，浏览器不需要也不应该为这些元素改变默认显示规则。你不想看到两个段落（p元素）连到一起，或者强调的字句（em元素包含的amazed）将句子打断，单独成行。

因此，通常标题、段落和article这样的元素从新行开始显示，而短语内容（如em、a和small）则与外围内容在同一行显示。

尽管HTML5不再使用块级、行内这些术语，但这样划分有助于理解它们的含义。由于在HTML5之前就成为HTML的常用词，因而这些术语在教程中很常见。

以上是日照网站建设公司（昊诺网络公司）分享，如果大家喜欢该分享想了解更多，请关注我们的网站动态！