上節課，使用<br/>标簽，可以對網頁進行換行，達到一定的排版效果。
但是<br/>功能有限，比如無法控制某行文字的高度，也不好控制行與行之間的間距。
這節課來學習一個新的标簽div。
div标簽div标簽是塊級元素标簽，是用于組合其他HTML元素的容器。
div元素沒有特定的含義，一般和CSS一同使用。用于對内容塊設置樣式屬性。浏覽器會在其前後顯示折行。
div元素常見的用途是文檔布局。
div标簽的用法，是在内容塊前面增加<div>，内容塊後面增加</div>。
先來把【簡介】這行代碼前後增加<div>和</div>。
<div><b>簡介</b></div><br/>
刷新頁面，發現簡介這行下面多了一個空行，其他沒什麼變化。
div隻是标記一個内容塊，至于内容塊的樣式，要添加style來修改。
因此删除這行後面的<br/>，代碼修改為<div><b>簡介</b></div>。
刷新頁面，可以看到效果和之前的一樣了。
設置div的背景顔色修改簡介這行代碼為：
<div style="background-color: #303030;"><b>簡介</b></div>
刷新頁面：
可以看到，簡介這一行整行的背景顔色被修改成暗黑色了。
為何背景顔色要改成303030，而不是完全的黑色000000呢，這是因為考慮到文字的默認顔色就是純黑色的，如果背景色也是純黑色的，那麼文字就完全看不見了。
通過設置div的背景顔色，還有一個附帶的好處，就是知道div的覆蓋範圍了。當程序中有很多個div，而且div還有嵌套的時候，通過設置div的背景顔色，可以區分和查看div覆蓋的區域範圍，從而方便調試和修改。
設置div的文字顔色可以看到，簡介這行看起來一點都不好看，趕緊修改文字的顔色吧。
在<div style="background-color:#303030;的後面增加代碼如下：color:#ffffff;
刷新頁面：
可以看到文字顔色變成了白色。
style裡面的css屬性設置，可以允許同時設置多個樣式屬性，控制内容的不同顯示方式。
設置div的文字大小再來改變文字的大小，讓标題字體顯示大一些。
在color:#ffffff; 後面增加 font-size:30px;
刷新頁面：
可以看到文字變大了。
尺寸單位這裡要學習一個新的概念，就是尺寸單位。用于描述大小的單位就是尺寸單位。
例如，描述文字的大小，描述文字行的高度，描述div的寬度，描述行與行之間的間距，等等。
不同元素的尺寸單位可能不同，例如對字體大小的單位有：像素／em／百分比等方式；對div寬度的單位有：像素／百分比等等。
使用像素設置文本大小，如下：
font-size: 30px;
使用em來設置字體大小，如下：
font-size: 3.75em;
em單位相當于倍數關系，1em等于當前的字體尺寸，浏覽器默認的文本大小是16像素，因此1em的默認尺寸就是16像素，3.75em相當于60像素。
注意：所謂當前的字體尺寸，就是指當前元素的字體尺寸，如果當前元素未定義字體尺寸，則等于當前元素的父元素的字體尺寸。
所謂父元素，是指當前元素的嵌套關系的上一級元素。
例如<body style="font-size: 20px;"><div style="font-size: 3em;">簡介</div></body>
可以計算出div這個元素的字體大小為60px。
由此，可以總結出像素是絕對的，不受上下級關系的影響，而em是受上下級關系的影響的，要根據具體情況來使用。
練習：
在body的 style裡面增加font-size屬性，然後将div的font-size屬性修改為em單位，調整數值熟悉兩種方式。
設置div的文字字體使用font-family屬性來設置文字字體。
例如，将文字字體設置為微軟雅黑。
在font-size:30px;後面增加 font-family: 'Microsoft Yahei';
刷新頁面後可以看到字體的變化。當然也可能沒看到有什麼變化。這取決于浏覽器所在的操作系統。
大家知道，浏覽器能顯示的字體受到操作系統字體的限制，無法顯示操作系統不存在的字體，因為，一般不要設置文字字體，讓浏覽器使用系統的默認字體，用戶就能看到自己喜歡的默認字體。
如果一定要強制使用某個字體，就需要調查了解各種操作系統默認具備的常用字體的名稱，使用逗号分隔的方式同時設置好文字字體的優先順序。
例如 font-family: 'Times', 'TimesNR', 'NSimsun','serif';
設置div的文字的斜體使用font-style: italic; 顯示文字為斜體。也可以用font-style: normal; 顯示文字為正常不傾斜。
修改代碼：
刷新顯示：
之前用了<b>标簽來對文字加粗，也可以使用css屬性font-weight: bold; 來對文字進行加粗。也可使用font-weight: normal;取消加粗正常顯示。
增加font-weight: bold; 然後去掉<b>标簽，修改代碼如下：
頁面刷新：
可以看到，不同的寫法能夠實現相同的效果。
課後練習1.将斜體字體效果去除
2.将工作經曆和工作經驗(部分)這2行文字也做成簡介這行文字的效果
往期教程因為教程是系列教程，前後關聯性非常強，請大家按照微信公衆号【零基礎學編程】的曆史消息發布時間先後次序進行閱讀。
,更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
