CSS 層疊次序
當同一個 HTML 元素被不止一個樣式定義時蜂桶,會使用哪個樣式呢拾酝?
一般而言缘屹,所有的樣式會根據(jù)下面的規(guī)則層疊于一個新的虛擬樣式表中透乾,其中數(shù)字 4 擁有最高的優(yōu)先權。
瀏覽器缺省設置
外部樣式表
內部樣式表(位于 <head> 標簽內部)
內聯(lián)樣式(在 HTML 元素內部)
LiveStyle插件的一直沒有正常過熔恢,放棄脐湾!
安裝?browser-sync? 用于調試html? css
官方中文網(wǎng)站? ?內有詳細說明
安裝之后在項目路徑下? ?shift 打開powershell 輸入
browser-sync start --server --files "css/*.css, *.html"
注意!P鹛省秤掌!? html網(wǎng)頁 必須是Index.html? 否則會出現(xiàn)? cannot? get 的錯誤頁面
正確打開后是這樣:
現(xiàn)在修改右側 或者左側 就會同步!
Bootstrap
(Web框架)
<p style="font-family:times;color:green">
This text is in Times and green</p>
Bootstrap是美國Twitter公司的設計師Mark Otto和Jacob Thornton合作基于HTML鹰霍、CSS闻鉴、JavaScript?開發(fā)的簡潔、直觀茂洒、強悍的前端開發(fā)框架孟岛,使得 Web 開發(fā)更加快捷。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范督勺,它即是由動態(tài)CSS語言Less寫成蚀苛。Bootstrap一經(jīng)推出后頗受歡迎,一直是GitHub上的熱門開源項目玷氏,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目。?[1]?國內一些移動開發(fā)者較為熟悉的框架腋舌,如WeX5前端開源框架等盏触,也是基于Bootstrap源碼進行性能優(yōu)化而來。?[2]