DIV+CSS的工作原理是什么

這篇文章主要介紹“DIV+CSS的工作原理是什么”，在日常操作中，相信很多人在DIV+CSS的工作原理是什么問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”DIV+CSS的工作原理是什么”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

DIV+CSS原理解剖

在一般情況的DIV+CSS開發(fā)靜態(tài)html網(wǎng)頁(yè)時(shí)，我們把html和CSS是分開的，形成html頁(yè)面如（index.html）和CSS文件如（divCSS5.CSS）,這里的index和DIV+CSS是自己任意的命名。而DIV+CSS中div則代表html頁(yè)面（這里指index.html），因?yàn)樵趆tml頁(yè)面里用到特別多的div標(biāo)簽所以我們通常是簡(jiǎn)寫成DIV+CSS也被稱為“web標(biāo)準(zhǔn)”。

從CSS引入html到html調(diào)用CSS樣式實(shí)例

***步

首先我們要在html頁(yè)面里引入CSS樣式文件這里引入的是divCSS5.CSS

基礎(chǔ)知識(shí)：CSS引入方法

第二步

1、在CSS文件里編寫CSS樣式如.yangshi{font-size:16px;}這里編寫CSS命名為yangshi然后選擇器里屬性為文字大小為16像素。

2、在html中調(diào)用yangshi，代碼如<divclass="yangshi">www.divCSS5.com案例測(cè)試</div>

基礎(chǔ)知識(shí)：CSS命名規(guī)范、CSS屬性選擇器

瀏覽器讀取CSS原理

瀏覽器呈現(xiàn)一個(gè)網(wǎng)頁(yè)到用戶眼前（html純靜態(tài)網(wǎng)頁(yè)）時(shí)，首先瀏覽器是先加載html頁(yè)面，如果網(wǎng)頁(yè)是DIV+CSS開發(fā)的，瀏覽器將讀取加載引入到html頁(yè)面CSS樣式文件代碼，然后通過(guò)瀏覽器解釋翻譯將CSS文件里代碼樣式賦予到html中設(shè)置各個(gè)不同偽類標(biāo)簽，最終將網(wǎng)頁(yè)和CSS樣式中各式各樣的樣式***的呈現(xiàn)給瀏覽者。

從CSS引入html到html調(diào)用CSS樣式實(shí)例，瀏覽器將yangshi偽類中的屬性字體大小為16px賦予<divclass="yangshi">www.divCSS5.com案例測(cè)試</div>內(nèi)，這樣“www.divCSS5.com案例測(cè)試”內(nèi)容的文字大小將為16像素。

到此，關(guān)于“DIV+CSS的工作原理是什么”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！