跟高老師學(xué)習(xí)Web前端之26.

霧色中的101

本想著下班后就拎包奔高鐵站,兩周沒(méi)有回家了,甚是想念。一條通知計(jì)劃就改變啦,明天加班審核預(yù)算,供應(yīng)組參會(huì)。我乖乖坐公交回公寓,明天繼續(xù)加班。

今天的CSS課程是關(guān)于背景顏色的樣式設(shè)置。如下

代碼書(shū)寫(xiě)

其中background-color是對(duì)<body>的渲染,也就是指對(duì)整個(gè)頁(yè)面背景顏色的渲染。<div>容器里面的樣式設(shè)置,主要是對(duì)<div>容器中包裹的內(nèi)容的一個(gè)樣式設(shè)置。以上主要是對(duì)“愛(ài)是.............擁有”的字體容器高度、寬度以及容器顏色的設(shè)置,另外就是對(duì)容器中字體本身的大小、顏色等樣式的設(shè)置。頁(yè)面效果如下:

頁(yè)面展示

之前有學(xué)習(xí)過(guò)<div>標(biāo)簽和<span>標(biāo)簽的區(qū)別,div是指可以承載任何內(nèi)容的容器,而span只是文本域標(biāo)簽,“一般”僅可以承載文字,“二般”情況后面會(huì)再學(xué)習(xí),到時(shí)候再做補(bǔ)充。如果用span自身特性來(lái)承載文本(span是內(nèi)聯(lián)元素,文本容器),則其樣式設(shè)置時(shí),不會(huì)出現(xiàn)像div一樣,對(duì)容器的寬度和高度進(jìn)行設(shè)置,即使設(shè)置了也不會(huì)起作用,樣式設(shè)置只會(huì)對(duì)其文本起作用。

代碼書(shū)寫(xiě)
頁(yè)面展示

晚安!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說(shuō)明:指定了 HTML 文檔遵循的文檔類(lèi)型定義(D...
    米塔塔閱讀 3,320評(píng)論 1 41
  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,796評(píng)論 1 92
  • 轉(zhuǎn)載請(qǐng)聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進(jìn)階之旅閱讀 16,599評(píng)論 32 459
  • 本課來(lái)自http://www.imooc.com/learn/9請(qǐng)不要用作商業(yè)用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,315評(píng)論 0 5
  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識(shí)選擇器(重要!!!)繼承、特殊性、層疊、重要性CSS格式化排版單位和值盒模型浮動(dòng)...
    廖少少閱讀 3,178評(píng)論 0 40