整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
tml字間距怎么設(shè)置？
大家好，這節(jié)課主要來講解一下在html中如何設(shè)置字間距。通常使用CSS的letter-spacing屬性，這個(gè)屬性可以直接在html元素的style屬性中設(shè)置，或者在一個(gè)獨(dú)立的CSS文件中。下面是兩種常見的設(shè)置方法。
·首先來看第一種方法：內(nèi)欄樣式。在p標(biāo)簽的后面加上style，等于下入設(shè)置為5個(gè)PX，保存運(yùn)行。可以看到這里設(shè)置成了字間距為5個(gè)PX。
·當(dāng)然還可以通過層疊樣式表，也就是CSS樣式表來實(shí)現(xiàn)在一個(gè)獨(dú)立的CSS文件或html文檔的head部分的style標(biāo)簽中設(shè)置字間距。例如現(xiàn)在新建了一個(gè)style點(diǎn)CSS這樣的文件，可以設(shè)置它的letter-spacing，點(diǎn)10個(gè)PX，然后保存。
·并且在html文件中引入CSS樣式表，保存運(yùn)行。稍等一下，要把引號(hào)去掉運(yùn)行。可以看到它有10個(gè)PX像素，在letter-spacing屬性接受不同的單位，例如像素PX點(diǎn)PT EM等單位，可以根據(jù)需要選擇合適的單位來設(shè)置字間距。
以上就是html如何設(shè)置字間距的方式和方法。
通過為<table></table>標(biāo)簽的cellspacing進(jìn)行賦值可以調(diào)整單元格與單元格之間的空間距離。
示例代碼如下：
<table border = "1" width = "100%" cellspacing = "50">頁面效果如下：
下面我們刪除cellspacing = "50"這段代碼看看變化，如圖：
通過對(duì)比，大家應(yīng)該明白cellspacing這個(gè)屬性的作用了吧。
通過為<table></table>標(biāo)簽的cellpadding進(jìn)行賦值可以調(diào)整單元格邊框與單元格內(nèi)容之間的空間距離。
示例代碼如下：
<table border = "1" width = "100%" cellspacing="10" cellpadding = "20">頁面效果如下：
通過與上圖對(duì)比，我們不難發(fā)現(xiàn)變化。
設(shè)置表格顏色
這里我們要介紹一個(gè)全局屬性style，對(duì)，你沒看錯(cuò)！就是freestyle的那個(gè)style！英文翻譯過來是"樣式"、"風(fēng)格"的意思。我們通過這個(gè)屬性可以為表格設(shè)置顏色。實(shí)際上，可以為任何html元素設(shè)置顏色、大小、排列等不同屬性！
值得一提的是把style信息如果寫到一個(gè)獨(dú)立文件中，并保存為css文件，就是以后我們要學(xué)的CSS層疊樣式列表了。
這里我們先來簡單了解一下它作為html的一個(gè)全局屬性的用法。
示例代碼如下：
<table border = "1" width = "100%" cellspacing="10" cellpadding = "20" style = "background-color: #00ffff;">頁面效果如圖所示：
我們來分析一下這段代碼，寫法和其他屬性大同小異。
首先也是才有"屬性"="數(shù)值"的寫法，具體是：style=""
是不是和其他屬性寫法一樣？
但是到了雙引號(hào)里面就不同了，比如width屬性只需要為其賦值就可以，比如width="100%"。
而style是在雙引號(hào)里面再指定屬性。例如：style="background-color"。
然后我們再為background-color（背景顏色）屬性賦值。
這時(shí)，賦值的寫法就發(fā)生變化了，不是使用=號(hào)，而是使用：。
例如style="background-color ： #00ffff；"
大家注意的是為其賦值后，要用；結(jié)尾。這個(gè)；必須要添加，因?yàn)椋ㄟ^style可以指定多個(gè)不同的樣式屬性，在指定多個(gè)樣式屬性時(shí)，我們使用；分割。
#00ffff這個(gè)符號(hào)是色彩的16進(jìn)制表示方法，這個(gè)顏色是藍(lán)色。
#000000這個(gè)符號(hào)的顏色是黑色。
#ffffff這個(gè)符號(hào)是白色。
這個(gè)顏色的算法我們會(huì)在下一期中詳細(xì)講解，感興趣的小伙伴請(qǐng)關(guān)注！
大家想一想。如何為一列單元格指定背景顏色呢？
示例代碼如下：我們?yōu)楸砀駱?biāo)題欄賦予綠色。
<tr style = "background-color: #00ff00;"><th>姓名</th><th>年齡</th></tr>頁面效果如圖所示：
下面我們?yōu)?#34;一列一行"、"二列一行"賦予紅色。
示例代碼如下：
<tr>
<td style = "background-color: #ff0000;">一列一行</td>
<td>一列二行</td>
</tr>
<tr>
<td style = "background-color: #ff0000;">二列一行</td>
<td>二列二行</td>
</tr>頁面效果如下：
今天的內(nèi)容到此結(jié)束了，一下是今天示例的全部代碼：
<!DOCTYPE HTML>
<html>
<head>
<title>第一個(gè)網(wǎng)頁</title>
</head>
<body>
<h1>第一個(gè)網(wǎng)頁</h1><hr>
<h2>表格元素</h2><hr>
<table border = "1" width = "100%" cellspacing="10" cellpadding = "20" style = "background-color: #00ffff;">
<caption>表格標(biāo)題</caption>
<tr style = "background-color: #00ff00;">
<th>姓名</th>
<th>年齡</th>
</tr>
<tr>
<td style = "background-color: #ff0000;">一列一行</td>
<td>一列二行</td>
</tr>
<tr>
<td style = "background-color: #ff0000;">二列一行</td>
<td>二列二行</td>
</tr>
</table>
</body>
</html>明天將繼續(xù)為大家講解頁面制作中16進(jìn)制的顏色指定方式和另外一種表格顏色指定方式。
喜歡的小伙伴請(qǐng)關(guān)注我，閱讀中遇到任何問題請(qǐng)給我留言，如有疏漏或錯(cuò)誤歡迎大家斧正，不勝感激！
HTML序章（學(xué)習(xí)目的、對(duì)象、基本概念）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML是什么？——零基礎(chǔ)自學(xué)網(wǎng)頁制作
第一個(gè)HTML頁面如何寫？——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML頁面中head標(biāo)簽有啥用？——零基礎(chǔ)自學(xué)網(wǎng)頁制作
初識(shí)meta標(biāo)簽與SEO——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML中的元素使用方法1——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML中的元素使用方法2——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML元素中的屬性1——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML元素中的屬性2（路徑詳解）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
使用HTML添加表格1（基本元素）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
使用HTML添加表格2（表格頭部與腳部）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
使用HTML添加表格3（間距與顏色）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
使用HTML添加表格4（行顏色與表格嵌套）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
16進(jìn)制顏色表示與RGB色彩模型——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML中的塊級(jí)元素與內(nèi)聯(lián)元素——零基礎(chǔ)自學(xué)網(wǎng)頁制作
初識(shí)HTML中的<div>塊元素——零基礎(chǔ)自學(xué)網(wǎng)頁制作
在HTML頁面中嵌入其他頁面的方法——零基礎(chǔ)自學(xué)網(wǎng)頁制作
封閉在家學(xué)網(wǎng)頁制作！為頁面嵌入PDF文件——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML表單元素初識(shí)1——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML表單元素初識(shí)2——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML表單3（下拉列表、多行文字輸入）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML表單4（form的action、method屬性）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML列表制作講解——零基礎(chǔ)自學(xué)網(wǎng)頁制作
為HTML頁面添加視頻、音頻的方法——零基礎(chǔ)自學(xué)網(wǎng)頁制作
音視頻格式轉(zhuǎn)換神器與html視頻元素加字幕——零基礎(chǔ)自學(xué)網(wǎng)頁制作
HTML中使用<a>標(biāo)簽實(shí)現(xiàn)文本內(nèi)鏈接——零基礎(chǔ)自學(xué)網(wǎng)頁制作
迎觀看 Microsoft Word 中文版教程，小編帶大家學(xué)習(xí) Microsoft Word 的使用技巧，了解如何在 Word 中更改行距。
在 Word 中更改文檔中的行距，節(jié)省文檔的空間或按所需效果呈現(xiàn)文本。
快速更改整個(gè)文檔的間距，依次選擇「設(shè)計(jì)」-「段落間距」。
單擊選擇每個(gè)選項(xiàng)可查看預(yù)覽效果。
如果需要將文檔設(shè)置為單倍行距，選擇「無段落間距」。
如果只想更改文檔某一部分的行距，選擇要更改的段落。
選擇「開始」-「行和段落間距」，選擇所需的行距或者選擇「行距選項(xiàng)...」。
在「段落」對(duì)話框的「間距」下選擇所需要的特定選項(xiàng)，包括每個(gè)段落的「段前」和「段后」的行距，「段前」和「段后」行距設(shè)置為「0.5 行」。
如果想將此行距設(shè)置為所有新文檔的默認(rèn)行距，選擇「設(shè)為默認(rèn)值」。
選擇「基于常規(guī)模板的所有文檔？」，單擊「確定」。
以上就是在 Microsoft Word 中更改行距的方法。
軟件下載地址：Microsoft word 2019 for Mac中文版
https://www.macz.com/mac/4533.html?id=NzY4OTYwJl8mMjcuMTg3LjIyNS4xMg%3D%3D
windows軟件安裝地址：Microsoft Word 2019
https://soft.macxf.com/soft/365.html?id=MjkzODQ%3D
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
