CSS揭秘讀書筆記 第一章 引言

2021-08-02 20:51:11 字數 1002 閱讀 8062

瀏覽器字首:常見的有firefox的-moz-,ie的-ms-,opera的-o-,safari和chrome的-webkit-。每個瀏覽器可以實現實驗性的(甚至是私有的、非標準的)特性。瀏覽器字首極易濫用,未來需要打補丁,所以很多開發者會直接寫上所有瀏覽器字首,再把無字首的**放在最後,以希望滿足所有情況,造成冗餘。

css編碼技巧:儘量減少要改動的地方,如果某些值互相依賴,那就用**體現出來。比如:font-size:20px;line-height:30px;行高是字型大小的1.5倍,就寫成line-height:1.5;使用em單位,百分比單位。但決定使用相對單位之前,要考量哪個元素(效果)是需要(再放大縮小等情況下)保持不變的,它們不能使用相對單位。如邊框border:1px;線性漸變linear-gradient(),徑向漸變radial-gradient**易維護和**量少不等同,拆開的**可能更好。針對簡寫。但簡寫是一種很好的防衛性編碼方式,不易被覆蓋。簡寫時消除歧義,使用/分隔。

顏色關鍵字:currentcolor,是乙個借鑑自svg的變數,首次出現在css3顏色。表示當前顏色,如果沒有指定顏色,就自動從文字顏色處獲得顏色。本身currentcolor就是很多邊框的預設顏色值。

繼承:inherit。從父輩繼承。是乙個值。

消除視覺錯覺。比如:如果給容器四邊指定相同的padding,實際效果看起來並不相等。因為字母的形狀在兩端比較整齊,而底部頂部則參差不齊。為了取得一致效果,往往減少底部頂部的padding。

響應式網頁設計(responsive web design,rwd)。新增**查詢(media query)會增加成本,要盡量避免,作為最後的解決辦法。減少**查詢的方法:

使用百分比相對長度。使用視窗化單位(vw/vh/vmin/vmax)

使用max-width而不是width

background-size:cover

《設計模式》讀書筆記 第一章 引言

模式名稱 問題 描述應該在何時使用模式 解決方案 描述了設計的組成成分,他們之間的相互關係及各自的職責和協作方式 效果 描述模式應用的效果及使用模式應權衡的問題 建立型 與物件的建立有關 處理類和物件的組合 對類和物件怎樣互動和怎樣分配職責進行描述 類模式 處理類和子類之間的關係,這些關係通過繼承建...

第一章讀書筆記

本章內容主要講的是android系統移植和驅動開發概述,通過本章的學習知道了學習linux驅動程式設計一定要了解linux驅動只與linux核心有關,與客戶的使用的linux系統無關。也就是說,不管是那個linux系統,只要使用了同樣的linux核心,驅動就可以通過。唯一可以判斷的linux核心是否...

第一章讀書筆記

android的系統架構分為4層 第一層 linux核心。第二層 c c 庫。第三層 android。第四層 應用程式。android移植可兩個部分 應用移植和系統移植。目前linux核心主要維護3個版本 linux2.4,linux2.6和linux3.x,大多數linux系統都使用了這3個版本的...