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