1.雙擊打開HBuilderX開發(fā)工具,創(chuàng)建一個(gè)Web項(xiàng)目,并在項(xiàng)目pages文件夾下,新建靜態(tài)頁面center.html。
2.打開center.html文件,修改title標(biāo)簽中的文本顯示內(nèi)容。
3.在<body></body>標(biāo)簽中,插入一個(gè)div標(biāo)簽,并添加標(biāo)簽的id屬性。
4.利用ID選擇器在style標(biāo)簽中,設(shè)置div標(biāo)簽的樣式屬性,如寬度、高度、行高、字體屬性等。
5.保存代碼并運(yùn)行Web項(xiàng)目,打開瀏覽器預(yù)覽效果,但是不知道字體是否居中。
6.返回到HBuilderX工具,給div標(biāo)簽添加一個(gè)樣式屬性background-color。
7.再次保存代碼并刷新瀏覽器,可以看到字體在背景顏色塊中間位置,說明字體居中顯示
直接在css里面寫body就行了， 它不是類樣式也不是ID樣式，它屬于標(biāo)簽選擇器
就比如
body{
/*css樣式*/
}
如果你給body設(shè)置了class ，就比如
那么也可以這樣寫
.content{
/*css樣式*/
}
設(shè)置了id，就比如
這樣寫
#content{
/*css樣式*/
}
要使用css對(duì)HTML頁面中的元素實(shí)現(xiàn)一對(duì)一，一對(duì)多或者多對(duì)一的控制，這就需要用到CSS選擇器。HTML頁面中的元素就是通過CSS選擇器進(jìn)行控制的。
每一條css樣式定義由兩部分組成，形式如下：[code] 選擇器{樣式} [/code] 在{}之前的部分就是“選擇器”。“選擇器”指明了{(lán)}中的“樣式”的作用對(duì)象，也就是“樣式”作用于網(wǎng)頁中的哪些元素。
css中的行標(biāo)簽不可以設(shè)置高度，如<span>,<a>,<tr>,<td>,還有一些特定作用的標(biāo)簽，比如<meta>,<script>標(biāo)簽等。