整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
節我們講文本樣式，像比如設置文本顏色呀，首行縮進、水平對齊等，可以對網頁進行排本設置等。
將要學習的文本屬性有如下幾個：
首先我們來講文本顏色設置，前面我們講過一節關于如何設置顏色，所以想必大家對如何給文本設置顏色不會。
示例：
例如給下面的 <p> 標簽中的 <span> 標簽中的文本，顏色設置為粉色：
<p>盛年不重來，<span>一日難再晨</span>。及時宜自勉，歲月不待人。</p>
CSS 樣式代碼：
span{
color: pink;
}
或者使用十六進制顏色值：
span{
color: #FFC0CB;
}
一般我們在寫作文的時候，所有段落的首行都會首行縮進兩個字，而我們如果希望在網頁中的段落也能實現首行縮進呢，這就可以通過 CSS 中的 text-index 屬性來設置首行文本的縮進。
text-index 屬性直接將縮進距離以數字表示，單位為 em 或 px。一般我們使用 em 更多，通常將值設置為 2em，表示縮進兩個字符。
em 是相對單位，表示的長度相當于文本中字符的倍數，會根據字符的大小，自動適應，空出設置字符的倍數。
text-index 屬性允許使用負值，如果使用負值，那么首行會被縮進到左邊。
示例：
實現第一個段落和最后一個段落的首行縮進：
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<title>CSS學習(9xkd.com)</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<p class="index">蒹葭蒼蒼，白露為霜。所謂伊人，在水一方。</p>
<p>溯洄從之，道阻且長。溯游從之，宛在水中央。</p>
<p>蒹葭萋萋，白露未晞。所謂伊人，在水之湄。</p>
<p>溯洄從之，道阻且躋。溯游從之，宛在水中坻。</p>
<p>蒹葭采采，白露未已。所謂伊人，在水之涘。</p>
<p class="index">溯洄從之，道阻且右。溯游從之，宛在水中沚。</p>
</body>
</html>
CSS 樣式代碼：
.index{
text-indent: 2em;
}
在瀏覽器中的演示：
text-align 屬性用于設置元素中文本的水平對齊方式。
屬性值有下面幾種：
示例：
看一下不同屬性值能實現的效果：
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<title>CSS學習(9xkd.com)</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<p class="text1">內容居中</p>
<p class="text2">內容居左</p>
<p class="text3">內容居右</p>
<p>內容不添加樣式</p>
</body>
</html>
CSS 樣式代碼：
.text1{
text-align: center;
}
.text2{
text-align: left;
}
.text3{
text-align: right;
}
在瀏覽器中的演示：
line-height 用于設置行高，也就是設置行間的距離。
屬性值可以是下面幾種：
一般我們使用數字來表示，單位為 px，如果不添加單位，則表示按倍數表示，這時行高是字體大小的倍數。
示例：
例如下面第一個 <p> 標簽中的內容字體大小為14px，將行高設置為 21px，和將行高設置為 2（字體大小的兩倍） 是一樣的效果：
<body>
<p class="text">魯迅的成功，有一個重要的秘訣，就是珍惜時間。魯迅十二歲在紹興城讀私塾的時候，父親正患著重病，兩個弟弟年紀尚幼，魯迅不僅經常上當鋪，跑藥店，還得幫助母親做家務，為免影響學業，他必須作好精確的時間安排。</p>
<p>此后，魯迅幾乎每天都在擠時間。他說過：「時間，就像海綿里的水，只要你擠，總是有的?！刽斞缸x書的興趣十分廣泛，又喜歡寫作，他對于民間藝術，特別是傳說、繪畫，也深切愛好。</p>
</body>
CSS 樣式代碼：
.text{
font-size: 14px;
line-height: 28px;
/* 相當于 line-height:2; */
}
在瀏覽器中的演示：
text-decoration 屬性用于設置文本的裝飾，也就是給文本設置某種效果，例如下劃線、刪除線等。
屬性值可以是下面幾種：
示例：
除了給文本添加裝飾，我們還可以通過text-decoration 屬性去掉鏈接下面的下劃線：
<p>默認文本</p>
<p class="p1">設置下劃線</p>
<p class="p2">設置上劃線</p>
<p class="p3">設置刪除線</p>
<p class="p4">文本閃爍</p>
<a href="#">去掉鏈接的下劃線</a>
CSS 樣式代碼：
.p1{
text-decoration: underline;
}
.p2{
text-decoration: overline;
}
.p3{
text-decoration: line-through;
}
.p4{
text-decoration: blink;
}
a{
text-decoration: none;
}
在瀏覽器中的演示：
總結：本節所學習的文本樣式，在實際應用中我們會經常用到，所以大家要弄清楚這幾個屬性的使用，以及當賦值不同的屬性值時，展示出來的效果是什么。
想看更多可以：https://www.9xkd.com/
我們日常工作中，經常會遇到想從某個網頁復制文字內容，被提示需要充值會員的情況。大家平時遇到這種情況是不是束手無策了，其實我們可以一招輕松搞定，下面我就圖文并茂地給大家介紹一下方法。（歡迎關注，學更多技巧）
復制文本時提示開通VIP
第一步：在需要復制內容的網頁上最上方區域，點擊鼠標右鍵，在彈出的菜單里找到“審查元素”
網頁最上方鼠標右鍵，菜單里找到“審查元素”
第二步：鼠標左鍵點擊“審查元素”，會在網頁右側彈出代碼區域。
左鍵點擊“審查元素”，彈出代碼區域
第三步：按鍵盤“F1”鍵，右側代碼區域會轉換為英文選項菜單界面。
按“F1”鍵，右側代碼區域轉換為選項菜單界面
第四步：在右側選項菜單區找到“Debugger”項，并勾選“Disable JavaScript”
選擇紅色劃線選項
做完這么簡單的幾步，你會發現原來那個需要開通會員才可以復制的文本內容，現在可以任意復制了。（感覺學到技巧，請關注作者，為你更新更多實用技巧學習文章）
position: relative;position: absolute;z-index: 3;position: relative;
left: 100px;
top: -200px;@font-face {
/* 指定字體的名字 */
font-family:'myfont' ;
/* 服務器中字體的路徑 */
src: url('./font/ZCOOLKuaiLe-Regular.ttf') format("truetype");
}Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"B8BF53",sans-seriffont-family: 'Courier New', Courier, monospace;fab
font-family: 'Font Awesome 5 Brands';
fas
font-family: 'Font Awesome 5 Free';
font-weight: 900;<i class="fas fa-cat"></i>通過實體來使用圖標字體：
&#x圖標的編碼;
<span class="fas">?</span>line-height: 200px;/* line-height: 1.33; */
/* line-height: 1; */
/* line-height: 10 */font: 50px/2 微軟雅黑, 'Times New Roman', Times, serif;font-weight: bold;
font-weight: 500;
font-style: italic;text-align: justify;vertical-align:baseline;text-decoration: overline;white-space: nowrap;*請認真填寫需求信息，我們會在24小時內與您取得聯系。
