好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS3-03样式2_html/css_WEB-ITnose

前言
在上一篇的博客中,阐述了 CSS 盒模型中的 Margin、Border、Padding 三个样式。但是总觉得,这些东西好像是 HTML 元素的包装样式,真正的要点是 HTML 元素(即:盒模型的内容)的样式。不知大家是怎么理解的,欢迎在评论中讨论。接下来,就来看看 HTML 元素都有哪些样式吧!大家都知道 HTML 元素是由标签(如:

)定义的,而标签是具有语意的,其本省包含着一定的格式。标签指定的 HTML 元素的格式,在这里请允许我称其为 HTML 样式;而对于 CSS 定义的 HTML 元素的样式,称其为 CSS 样式。

HTML 样式

概述

HTML 元素的重要内容是文本(当然也有图像、音频、视频等)。在 HTML 中内置了很多用来格式化文本的标签,这些标签定义的元素内容具有一定的格式,比如说:加粗、倾斜等。 
文本格式化 样式标签

:着重文本

强调文本 (<em>标签)

:斜体字

斜体文本 (<i>标签)

:加重语气

加重语气文本 (<strong>标签)

:粗体文本

粗体文本(<b>标签)

:小号字

小号字文本 (<small>标签)

:上标字

上标文本 上标 (<sup>标签)

:下标字

下标文本 下标 (<sub>标签)

:插入字

插入的文本 (<ins>标签)

:删除字

删除的文本文本 (<del>标签)

效果图

计算机 输出

样式标签 :计算机代码

     while (true) { }  

:键盘码

     control + e  

:计算机代码样本

 Hello World!  

:变量

 variable  

:预格式文本

    I        like            HTML 

示例

代码

             CSS 样式 2       

var  variable  = true;if ( variable ) {    print("Hello World!");} else {    // do nothing} 
程序运行结果: Hello World!

查看更多关于CSS3-03样式2_html/css_WEB-ITnose的详细内容...

  阅读:29次