CSS 雜記

lavor 發布于2019-08-30 15:53 / 2505人閱讀

摘要：樣式優先級內聯樣式表標簽內部嵌入樣式表當前文件中外部樣式表外部文件中。標簽的權值為類選擇符的權值為選擇符的權值最高為權值為權值為權值為權值為權值為權值為但是因為有為最高權值可以用來設置最高權值優先級樣式，權值高于用戶自己設置的樣式。

css 樣式優先級

內聯樣式表（標簽內部）> 嵌入樣式表（當前文件中）> 外部樣式表（外部文件中）。

權值

瀏覽器會根據權值來判斷使用哪種 css 樣式的，權值高的就使用哪種 css 樣式。

標簽的權值為 1

類選擇符的權值為 10

ID 選擇符的權值最高為 100

p{color:red;}  /*權值為1*/
p span{color:green;}  /*權值為1+1=2*/
.warning{color:white;}  /*權值為10*/
p span.warning{color:purple;}  /*權值為1+1+10=12*/
#footer .note p{color:yellow;}  /*權值為100+10+1=111*/
p{color:red!important;}  /*權值為1但是因為有!important為最高權值*/

可以用 !important 來設置最高權值 !important 優先級樣式，權值高于用戶自己設置的樣式。

層疊

層疊就是在 html 文件中對于同一個元素可以有多個 css 樣式存在，當有相同權重的樣式存在時，會根據這些 css 樣式的前后順序來決定，處于最后面的 css 樣式會被應用。

px/em/pt 單位

px 像素 Pixel, 相對長度單位

em 相對長度單位, 相對于當前對象內文本的字體尺寸

pt 點（Point）, 絕對長度單位

如果元素的 font-size 為 14px ，那么 1em = 14px；如果 font-size 為 18px，那么 1em = 18px。

盒模型代碼簡寫

盒模型方向上、右、下、左。（順時針）

GPU云服務器云服務器雜記 css引入css css _CSS

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/116552.html

2018.12月問題整理雜記

摘要：布局如下對于這塊，我不是很理解，后發現，注銷這個樣式，用可以解決。后查閱一些資料，到了原因。 -12.24-：html布局如下： html css javascript vue css： tab{ width: 600px; margin: 0 auto; } .tab-tit{ width: 600px; font-si...

wudengzan 2019-08-30 15:55 評論0 收藏0
Webpack系列-第一篇基礎雜記

摘要：系列文章系列第一篇基礎雜記系列第二篇插件機制雜記系列第三篇流程雜記前言公司的前端項目基本都是用來做工程化的，而雖然只是一個工具，但內部涉及到非常多的知識，之前一直靠來解決問題，之知其然不知其所以然，希望這次能整理一下相關的知識點。系列文章 Webpack系列-第一篇基礎雜記 Webpack系列-第二篇插件機制雜記 Webpack系列-第三篇流程雜記前言公司的前端項目基本都是用...

Batkid 2019-08-23 15:21 評論0 收藏0
Webpack 項目優化雜記

摘要：入口文件打包出口地址在中可以配置我們的地址這里你要有一個七牛云的賬戶。特別像是七牛云這樣擁有圖片處理引擎的服務商，我們還可以通過來處理上傳至的圖片。本項目源碼均可在這里找到。之前公司的官網項目靜態文件都是放在靜態服務器中，這其中的弊端就不贅述了。簡單說一下 CDN 的好處: CDN 可以解決因分布、帶寬、服務器性能帶來的訪問延遲問題，適用于站點加速、點播、直播等場景。使用戶可就...

incredible 2019-08-23 13:53 評論0 收藏0
React-Router 雜記

摘要：三種的區別即對應中的值，如，服務器對任務都返回同一個，具體的路徑由瀏覽器區分，因為瀏覽器不會發送后面的值給服務器。如果是即變成這樣，，所以要對服務器配置不同的返回不同的資源。就是沒有的情況，比如。三種Router的區別 1. HashRouter: 即對應url中的hash值，如xx.com/#/a、xx.com/#/a/b，服務器對任務url都返回同一個url，具體的路徑由瀏覽器...

keelii 2019-08-23 15:10 評論0 收藏0
React-flux雜記

摘要：簡介是一種搭建客戶端的應用架構，更像是一種模式而不是一個框架。簡介 Flux是一種搭建WEB客戶端的應用架構，更像是一種模式而不是一個框架。特點單向數據流 showImg(https://segmentfault.com/img/remote/1460000018128072?w=1300&h=708); 與MVC的比較 1.傳統的MVC如下所示（是一個雙向數...

王巖威 2019-08-23 15:10 評論0 收藏0