前端常用重難點總結之css篇

2021-09-11 11:47:34 字數 902 閱讀 1580

今天天氣不錯,心情也一掃陰霾,人生的路,有的時候越走越窄,有的時候越走越多,但是,每一次選擇,便注定意味著無數的錯過,我們應該珍惜每一場相逢,把握好每乙個機會,不向命運低頭。

廢話不多說,css篇參上。

css篇

<1>基礎

1、選擇器概念的理解以及css規則命名慣例

2、三種機制=>繼承、層疊、特指

3、理解什麼是上下文選擇符

4、盒子模型、定位、浮動與清除

5、樣式權重計算:計算特指度的方法=>ice原則(即多種組合時權重分析id>class>元素)

6、正常開發最開始會有個base.css(也可為其他名字)的公共樣式,可在裡面寫一些去除預設html效果的樣式。

7、實際應用中css路徑的改變經常得更改相應的路徑。

<2>css3

1、幾種布局型別對比:彈性布局(非常重要)vs柵格布局vs流式布局vs固定布局

2、活用calc可解決大部分問題,結合max-width,min-width更佳。

3、px、em、rem、vw、vh、vm、%等單位可靈活切換應用

4、css作用域scope可用於限定css的作用範圍

5、**查詢media,用於檢測裝置型別及螢幕大小等

6、偽類(ui偽類、結構化偽類)、偽元素。看似沒多大作用的偽類偽元素深入學習後就會發現有很大妙用,以前寫很多**才能實現的效果都可以更簡單實現。

7、動畫animation和transition過渡。新增的動畫animation和過渡transition功能跟偽類偽元素一樣省下了寫一大堆**的時間,甚至都不用寫js也有很酷炫的效果。

<3>更進一步

純css3在動態計算方面有點不足,這個時候這兩貨就派上用場了

1、less

2、sass(scss)

前端常用重難點總結之html篇

春節剛過,趁著有點空閒時間,總結了一些對我自身來說比較重要的前端重難點。精力所限就不一一展開了,首先發表html篇的重難點,後續會陸續發布css篇 js篇和vue篇 溫故而知新,可以為師矣。html篇 1 基礎 1 文件物件模型dom 乍看不重要其實是核心的東西 2 cookie 一般用於使用者登入...

前端之CSS篇

css本質就是乙個樣式表 主要由選擇器和宣告兩個部分組成,宣告部分又包括屬性跟屬性值 注釋 多行注釋 內部樣式 外部樣式 將css 寫在單獨的檔案中,再進行引用 行內樣式 hello world id選擇器 id名 類選擇器 類名 元素選擇器 元素名 通用選擇器 例子 id1 c1p 後代選擇器 作...

一 前端總結 之CSS篇

渲染時,dom 元素所採 的 布局模型。可通過 box sizing 進 設定。根據計算寬 的區域可分為 content box w3c 標準盒模型 border box ie 盒 模型 padding box margin box 瀏覽器未實現 塊級格式化上下 是 個獨 的渲染區域,讓處於 bfc...