整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
本正經久了，我們都差點忘記自己也曾經是一只小鬼，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小時內與您取得聯系。
