資訊專欄INFORMATION COLUMN
摘要：樣式優(yōu)先級內(nèi)聯(lián)樣式表標(biāo)簽內(nèi)部嵌入樣式表當(dāng)前文件中外部樣式表外部文件中。標(biāo)簽的權(quán)值為類選擇符的權(quán)值為選擇符的權(quán)值最高為權(quán)值為權(quán)值為權(quán)值為權(quán)值為權(quán)值為權(quán)值為但是因為有為最高權(quán)值可以用來設(shè)置最高權(quán)值優(yōu)先級樣式，權(quán)值高于用戶自己設(shè)置的樣式。
css 樣式優(yōu)先級
內(nèi)聯(lián)樣式表（標(biāo)簽內(nèi)部）> 嵌入樣式表（當(dāng)前文件中）> 外部樣式表（外部文件中）。
權(quán)值瀏覽器會根據(jù)權(quán)值來判斷使用哪種 css 樣式的，權(quán)值高的就使用哪種 css 樣式。
標(biāo)簽的權(quán)值為 1
類選擇符的權(quán)值為 10
ID 選擇符的權(quán)值最高為 100
p{color:red;} /*權(quán)值為1*/
p span{color:green;} /*權(quán)值為1+1=2*/
.warning{color:white;} /*權(quán)值為10*/
p span.warning{color:purple;} /*權(quán)值為1+1+10=12*/
#footer .note p{color:yellow;} /*權(quán)值為100+10+1=111*/
p{color:red!important;} /*權(quán)值為1但是因為有!important為最高權(quán)值*/
層疊可以用 !important 來設(shè)置最高權(quán)值 !important 優(yōu)先級樣式，權(quán)值高于用戶自己設(shè)置的樣式。
層疊就是在 html 文件中對于同一個元素可以有多個 css 樣式存在，當(dāng)有相同權(quán)重的樣式存在時，會根據(jù)這些 css 樣式的前后順序來決定，處于最后面的 css 樣式會被應(yīng)用。
px/em/pt 單位px 像素 Pixel, 相對長度單位
em 相對長度單位, 相對于當(dāng)前對象內(nèi)文本的字體尺寸
pt 點（Point）, 絕對長度單位
盒模型代碼簡寫如果元素的 font-size 為 14px ，那么 1em = 14px；如果 font-size 為 18px，那么 1em = 18px。
盒模型方向 上、右、下、左。（順時針）
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/116552.html
摘要：布局如下對于這塊，我不是很理解，后發(fā)現(xiàn)，注銷這個樣式，用可以解決。后查閱一些資料，到了原因。 -12.24-：html布局如下： html css javascript vue css： tab{ width: 600px; margin: 0 auto; } .tab-tit{ width: 600px; font-si...
摘要：系列文章系列第一篇基礎(chǔ)雜記系列第二篇插件機制雜記系列第三篇流程雜記前言公司的前端項目基本都是用來做工程化的，而雖然只是一個工具，但內(nèi)部涉及到非常多的知識，之前一直靠來解決問題，之知其然不知其所以然，希望這次能整理一下相關(guān)的知識點。 系列文章 Webpack系列-第一篇基礎(chǔ)雜記 Webpack系列-第二篇插件機制雜記 Webpack系列-第三篇流程雜記 前言 公司的前端項目基本都是用...
摘要：入口文件打包出口地址在中可以配置我們的地址這里你要有一個七牛云的賬戶。特別像是七牛云這樣擁有圖片處理引擎的服務(wù)商，我們還可以通過來處理上傳至的圖片。 本項目源碼均可在 這里 找到。 之前公司的官網(wǎng)項目靜態(tài)文件都是放在靜態(tài)服務(wù)器中，這其中的弊端就不贅述了。簡單說一下 CDN 的好處: CDN 可以解決因分布、帶寬、服務(wù)器性能帶來的訪問延遲問題，適用于站點加速、點播、直播等場景。使用戶可就...
摘要：三種的區(qū)別即對應(yīng)中的值，如，服務(wù)器對任務(wù)都返回同一個，具體的路徑由瀏覽器區(qū)分，因為瀏覽器不會發(fā)送后面的值給服務(wù)器。如果是即變成這樣，，所以要對服務(wù)器配置不同的返回不同的資源。就是沒有的情況，比如。 三種Router的區(qū)別 1. HashRouter: 即對應(yīng)url中的hash值，如xx.com/#/a、xx.com/#/a/b， 服務(wù)器對任務(wù)url都返回同一個url，具體的路徑由瀏覽器...
摘要：簡介是一種搭建客戶端的應(yīng)用架構(gòu)，更像是一種模式而不是一個框架。 簡介 Flux是一種搭建WEB客戶端的應(yīng)用架構(gòu)，更像是一種模式而不是一個框架。 特點 單向數(shù)據(jù)流 showImg(https://segmentfault.com/img/remote/1460000018128072?w=1300&h=708); 與MVC的比較 1.傳統(tǒng)的MVC如下所示（是一個雙向數(shù)...
閱讀 996·2021-10-25 09:48
閱讀 698·2021-08-23 09:45
閱讀 2552·2019-08-30 15:53
閱讀 1806·2019-08-30 12:45
閱讀 735·2019-08-29 17:21
閱讀 3550·2019-08-27 10:56
閱讀 2607·2019-08-26 13:48
閱讀 756·2019-08-26 12:24
