整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
本正经久了，我们都差点忘记自己也曾经是一只小鬼，HTML一本正经多了，我们就会忘记该看哪些内容，才是重点的。标注HTML文本内容的重点之处，可用颜色，也可用文本格式标签。
HTML专用于文本格式的标签有用于加粗的<b>，有用于倾斜的<i>，还有用于划线的<u>等等。
强调文本的标签，没有特别的属性，放大文本用<big>，缩小则用<small>标签。加粗用<strong>或<b>，倾斜用<em>或<i>标签。
其中strong和em是web标准中xhtml的标签，strong和em的意思是“强调”；b是html的，b的意思是bold(粗体)，i是html的，i的意思是Italic(斜体)。
对于搜索引擎来说<strong>和<em>比<b>和<i>要重视的多。为了符合现在W3C的标准，还是推荐使用strong和em标签。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第4个HTML-文本格式</title>
</head>
<body>
老陈说编程,建议你从<strong>基础</strong>学起<br/>
有了<b>基础</b>，学起来才能轻轻松松，否则就出出现<br/>
<em>头重脚轻</em>,有了<i>头重脚轻</i>的毛病，就容易放弃。<br/>
为了让你有所体悟，我特意加大<big>基础</big>二字，<br/>
缩小了<small>头重脚轻</small>四个字。
</body>
</html>输出结果
在写一篇文章时，难免会对其内容进行修修改改，有时会删除线删掉一部分不要的内容，有时会都重点内容画下划线，在HTML文件中，删除线用<s>，下划线用<u>标签。还有一种删除线和下划线的效果，是用<del>和<ins>标签。
如果要说<s>和<del>,<u>和<ins>的区别的话，那就是<s>和<u>常常是单独出现的单身狗，而<del>和<ins>则是经常成双成对出现的，是好基友。
如果你是一个爱<u>琴</u>之人，你就不会随意掐断<s>琴弦</s>(改为：情弦)。<br/>
若情弦一断，人便失去了牵绊，便会活得<del>好</del><ins>更加</ins>洒脱。输出结果
在偏向角单位，如℃时，如平方时，就要用上标实现；在偏向右下角，如底数时，就要用到下标来实现。html用<sup>和<sub>标签实现上标和下标效果。它们也没什么特别的属性需要讲解的。
你若要问爱情的温度是多少℃?<br/>
我会告诉你，开心时是39<sup>℃</sup>，不开心是零下1<sup>℃</sup>。<br/>
如果你想问我是什么道理，我就会告诉你：<br/>
这个跟计算log<sub>2</sub>90°是一样的。输出结果
好了，有关html文本格式的内容，老陈讲完了，如果觉得对你有所帮助，希望老铁能转发点赞，让更多的人看到这篇文章。你的转发和点赞，就是对老陈继续创作和分享最大的鼓励。
一个当了10年技术总监的老家伙，分享多年的编程经验。想学编程的朋友，可关注：老陈说编程。分享Python，前端(小程序)、App和嵌入式方面的干货。关注我，没错的。
#前端##HTML5##CSS##程序员##奇葩说#
些初学web前端的小伙伴会比较迷惑，HTML到底是什么呢？
这里解释一下，HTML称为超文本标记语言，是一种标识性的语言。
它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
HTML的学习也是要由浅到深一步一步学习，对于很多小伙伴来说，HTML的学习路线一直是一个问题，下边我列出HTML需要学习的几个知识点，大家可以作为参考。
⒈ html概述
⒉ html基本标签
⒊ 图片标签
⒋ 超链接标签
⒌ 表格标签
⒍ 无序列表标签
⒎ 有序列表标签
⒏ 定义列表标签
⒐ div标签
⒑ 语义化标签
⒒ 表单标签
⒓ 语义化表单元素
⒔ 框架标签
⒕ 特殊字符
⒖ 综合案例
针对以上的html知识点，动力节点也有非常适合初学者的HTML学习教程，相信大家通过HTML视频课程的学习以后，会对HTML有一个深入的了解。
通过该视频的学习之后，可以开发基本的网页，并且可以看懂别人编写的HTML页面。
HTML学习资料：http://www.bjpowernode.com/?toutiaohtml.chai
网页中文字作为信息的主要载体，非常重要，之前学习过HTML中关于文本、段落等格式的知识，这些只是简单排版，如果想制作更好看的文本样式，就的使用css 字体和文本样式了。
css 字体属性主要包括字体系列、字体大小、字体风格等其它样式。
1、设置字体系列 —— font-family
这个属性用来设置网页使用哪种类型的字体显示文本，语法如下：
font-family: "字体1"，"字体2"，"字体3"...font-family 属性可以定义多个字体，浏览器会从前到后优先选择使用字体，当浏览器不支持第一个字体，则会尝试使用第二个字体，以此类推。如果浏览器不支持所有字体，则使用默认字体。
如下示例：
2、字体样式—— font-style
字体样式有三种：
如下示例：
这里有2种斜体，它们有什么区别？
italic 和 oblique 都是向右倾斜的文字, 但区别在于 italic 是指斜体字，而 oblique 是倾斜的文字，对于没有斜体的字体应该使用 oblique 属性值来实现倾斜的文字效果。
3、字体大小 —— font-size
“font-size”属性来设置字体大小，它的值可以使用预定义关键字、绝对大小、相对大小。
预定义关键字
预定义关键字有 xx-small、x-small、small、medium、large、x-large、xx-large，尺寸按顺序依次增大。它的可选范围只有这几种，且不同浏览器厂商定义的预定义关键字对应的字体大小不一致，所以相同的属性值，在不同浏览器看到的大小不一样，建议不要使用这种方式。
绝对大小
绝对大小使用比如：px(像素)、pt(点，1pt 相当于 1/72in)、in(英寸)、cm(厘米)、mm(毫米)等单位设置字体大小。
如下示例：
绝对大小不会随着页面大小改变而改变，如果要想使文字大小自适应不同的屏幕或设备就需要使用相对大小。
相对大小：
相对大小使用 em、%、rem等来设置大小，它们都是相对于某个参考基准的字体大小，来计算当前字体的大小，只是参考基准不同而已。
如果你不指定一个字体的大小，默认大小和普通文本段落一样，是16像素（1em = 16px,100%=16px）。
em和%都是相对于父级元素的字体大小，其子级元素会在其父级元素的计算结果上继续计算大小，如下示例：
如上p元素的字体大小是36px，而不是12px * 200%等于24px，它是在其父级div元素的计算结果上继续计算的值。
使用em 或 %虽然可以方便修改文字大小，但是当元素嵌套很深的时候，就变得比较复杂，深层的元素文字大小就变得不可控，所以css3 新增加了rem 来设置字体大小。
rem 是相对于根元素 （html 元素） font-size属性的值，每一层级都会参考html根元素的字体大小来计算，这样一来，无论嵌套多少层，字体大小的计算就变得统一了。
rem 是CSS3新增的一个相对单位，IE9 以下版本的老浏览器却不支持它，这也是很多编程人员尚未使用 rem 的原因。
在定义字体大小时，建议在 html 元素中定义绝大多数元素所需要的字体大小，并让所有子元素继承 html 的字体大小。如果某个子元素要改变字体大小，则使用相对尺寸 em 或 % 或 rem 重新定义。
4、复合属性—— font
font 属性可以看成是字体的简写，它可以定义字体系列、大小、风格、粗细、等样式，语法如下：
font："font-style font-variant font-weight font-size/line-height font-family"其中font-size和font-family的值是必需的。如果缺少了其他值，将使用浏览器的默认值。
如下示例：
除了以上设置，font还有其它的属性值，如下：
这些属性，只有部分浏览器支持，具体使用时请查看浏览器是否支持。
5、其它字体属性
字体还有 font-weight（设置粗细的属性）、font-variant（设置小型大写字母的字体显示文本）如下示例：
font-weight 字体粗细：有normal、lighter、bold、数值三种，数值范围从 100 ~ 900 依次变粗，900 相当于 bold。
font-variant值有normal（标准字体显示）、small-caps（浏览器会显示小型大写字母的字体）、inherit（继承父元素的设置）
如下示例：
font-variant 属性设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。
css 文本属性主要设置比如字符间隔，文本颜色、单词间隔、行高、文字修饰、对齐方式等效果。
1、文字颜色 —— color
color 使用以“#”开头16进制的颜色代码或颜色关键词（如red、blue），如下示例：
2、字符间隔 —— letter-spacing
设置字符水平间距，如下示例：
3、单词间隔 —— word-spacing
设置单词之间的间距，如下示例：
这里注意中文比较特殊，一个中文字不等同于英文的一个单词。
4、行高 —— line-height
设置字体行之间垂直间距，如下示例：
5、文字修饰 —— text-decoration
可以设置文字下划线、删除线等样式，如下示例：
还可以定义波浪线效果，如下示例：
6、水平对齐 —— text-align
有三种水平方向的对齐方式，居左，居中、居右，如下示例：
7、垂直对齐—— vertical-align
vertical-align 属性设置一个元素的垂直对齐方式。
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。
如下示例，对齐图片：
还有很多其它属性，在此不每个都介绍了，可参考如下：
8、文字大小写转换—— text-transform
可用于所有字句变成大写或小写字母，或每个单词的首字母大写。如下示例：
9、文本缩进 —— text-indent
文本缩进属性是用来指定文本的第一行的缩进。如下示例：
文本缩进可以使用绝对值如：px、pt、cm等，也可以是相对单位 %。且可以是负值，如果是负值，就相当于变成向左缩进了。
10、空白处理 —— white-space
white-space属性指定元素内的空白怎样处理。如下示例：
11、文字阴影 —— text-shadow
text-shadow 可以设置文字阴影效果，比如内阴影或外阴影，语法：
text-shadow: x坐标 y坐标 模糊大小 颜色;其中x/y 坐标相对于文本左上角的偏移量，如下示例：
12、文本溢出 —— text-overflow
text-overflow 属性指定当文本溢出时包含它的元素应该如何显示。可以设置文本被剪切、显示省略号 (...) 或显示自定义字符串（不是所有浏览器都支持）。
text-overflow 需要配合以下两个属性使用：
如下示例：
本篇讲述了文字和文本的大部分样式设置，掌握这些css用法非常重要，网页大部分都是文本，要想制作一个漂亮的页面，这些是必须要学会的，且要学会融会贯通。
本篇主要讲了以下内容：
以上都是最基本的，要多加练习，才能够理解学会使用。感谢关注，祝学习愉快！
上篇：前端入门——css 盒子模型
*请认真填写需求信息，我们会在24小时内与您取得联系。
