网页语言HTML之五:css文件的建设、样式(背景颜色、字体大小等)

HTML学习笔记之五

博主推荐的学习网站,速成见下文。

本节主要内容:HTML中css文件的建设、HTML样式(背景颜色、字体大小等)、

CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的,可以通过style或者引用外部css文件来实现渲染

粒子6:HTML样式

HTML样式:背景颜色、字体大小、字体对齐等。

<html>
<head>
  <title>文档标题title>
  head>

<body style="background-color:yellow;">
  <h2 style="background-color:red;">设置背景颜色h2>
  <p style="font-family:arial;font-size:20px;text-align:center;">设置字体、字体大小以及文本对齐p>
body>
html>

内联样式:在上文的标签中使用样式属性,把特殊的样式应用到个别元素。

此外也可以在head上面通过style属性修改样式,优先级更高,即在head中添加:


类似的,添加link语句(附有属性rel、type、href)就可以实现外部样本文件的格式化。


粒子7:内部样式表以及外部样式表

<html>
<head>
  <title>文档标题title>
  
  <style type="text/css">
	body {background-color:yellow;}
	p {color:blue;}
   style>
  
  
  <link rel="stylesheet" type="text/css" href="mystyle.css">
  head>

<body>
  <p>
    This is my body...
  p>
body>
html>

提示

  1. 使用style 属性制作一个没有下划线的链接。

    style="text-decoration:none;
    
  2. 请始终将正斜杠添加到子文件夹。假如这样书写链接:href=“http://www.runoob.com/html”,就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href=“http://www.runoob.com/html/”。现在acronym已经淘汰不用了,所以尽量改用abbr就好;

  3. 标签和基于内容的样式标签` 类似。它告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示。如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。

  4. 关于

    在显示上,这两个标签都可是加粗文本,呢么为什么会有两个功能"相同"的标签呢?而且好像 strong 并非个例。

    • ** 首先,这两个并非完全相同。比如,如果使用网页阅读器阅读网页(盲人使用),strong 会重读,b 则不会。
    • ** 其次,从起源上来说,strong 是为了在未来建设语义网而诞生的。应该知道的是,html 是负责显示的标记,不能表示语义。也就是说,浏览器知道这个标签如何显示,而不知道标签所标记的内容应该是什么含义。而 strong 在语义上走出了第一步。
  5. 使用小写标签。因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。


  6. ,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

即使
在所有浏览器中都是有效的,但使用
其实是更长远的保障。

  1. 请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体大号的文本而使用标题,搜索引擎使用标题为您的网页的结构和内容编制索引。

你可能感兴趣的:(HTML)