CSS揭秘(引言)

2022-07-20 22:54:28 字數 1129 閱讀 6988

1、標準的制定過程

a 人員結構:w3c會員公司的成員、特邀專家、w3c工作人員

b 儘管「css3」非常流行,但它實際上並沒有在任何規範中定義過。它實際上是指乙個非正式的集合,包括css規範第三版再加上一些版本號還是1的新規範。

2、css編碼技巧

a 儘量減少**重複

b 相信你的眼睛,而不是數字

c 關於響應式網頁設計的建議

使用百分比長度來取代固定寬度,同時可以嘗試使用視口相關的單位(vw、vh、vmin和vmax);

當你需要在較大解析度下得到固定寬度時,使用max-width而不是width,因為它可以適應較小的解析度,而無需使用**查詢;

不要忘記為替換元素(img、object、video、iframe等)設定乙個max-width,值為100%;

假如背景需要完整地鋪滿乙個容器,不管容器的尺寸如何變化,background-size:cover這個屬性都可以做到;

當或者其他元素以行列式進行布局時,讓視口的寬度來決定列的數量。彈性布局或者display:inline-block加上常規的文字折行行為,都可以實現;

在使用多列文字時,制定column-width而不是指定column-count,這樣就可以在較小的螢幕上自動顯示為單列布局;

總體思路:盡最大努力,實現彈性可伸縮的布局,並在**查詢的各個斷點區間內指定相應的尺寸(需要細細琢磨)。

d 合理使用簡寫

background中background-size和background-position之間需要斜槓(/)作為分隔,因為(50% 50%)這樣的值對於解析器來說是不確定的。

background-size這個屬性的定義必須在background-position之後, 並使用 '/' 符號分隔;

background-size:cover,縮放背景以完全覆蓋背景區,可能背景部分看不見;

background-size:contain,縮放背景以完全裝入背景區,可能背景區部分空白。

e 預處理器

面臨的問題是,css的檔案體積和複雜度可能會失控,除錯難度會增加,增加協作者學習成本;

還有抽象洩漏法則:所有重大的抽象機制在某種程度上都存在洩漏的情況(即它們有它們自己的bug)。

CSS揭秘(引言)

1.當某些值相互依賴時,應該把 它們的相互關係用 表達出來 2.要把超連結的顏色設定為與頁面中其他文字相同,還是要用 inherit a 3.inherit 關鍵字對於背景色同樣非常有用 callout callout before 4.如何避免不必要的 查詢 1 使用百分比長度來取代固定長度。如果...

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

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

CSS引言 語法

css 層疊樣式表 用於對web頁面進行樣式設計和布局 例如,更改內容的字型 顏色 大小和間距,將其分割成多個列,或者新增動畫和其他裝飾功能。本模組讓您開始掌握css的基本知識,包括選擇器和屬性 編寫css規則 將css應用於html 如何在css中指定長度 顏色和其他單元 級聯和繼承以及除錯css...