CSS世界 第一 二章

2021-09-09 06:26:57 字數 1245 閱讀 5704

1.1 css世界的「世界觀」

1.2 世界都是創造出來的

1.3 css完勝svg的**——流

1.3.1

什麼是「流」:實際上是css世界中的一種基本的定位和布局機制。

css世界構建的基石是html,而html最具有代表的2個基石正好是css世界中塊級元素和內聯級元素的代表

1.3.2

流是如何影響整個css世界

1.3.3

什麼是流式布局?

利用元素「流」的特性實現的各類布局效果。「流」本身具有自適應特性。

流體布局不等於自適應布局

**布局也可以設定為100%自適應,但是**和「流」不是一路的,並不屬於「流體布局」

div+css布局:實際上就是這裡的「流式布局」

1.4 css世界的開啟從ie8開始

1.5 table自己的世界

1.6 css新世界——css3

css3:

布局更為豐富:

2.1務必了解css世界的專業術語

currentcolor顧名思意就是「當前顏色」,準確講應該是「當前的文字顏色」,例如:

.***

雖然改變的是文字顏色,但是圖示顏色也一起變化了

lang

="en"

>

>

charset

="utf-8"

>

>

titletitle

>

>

.icon

.link:hover

/* 雖然改變的是文字顏色,但是圖示顏色也一起變化了 */

style

>

head

>

>

href

="##"

class

="link"

>

class

="icon icon1"

>

i>

返回a>

body

>

html

>

滑鼠放到上面

可以看到效果在

+長度單位 =

CSS世界第一章提要

文件流 就是規則,準確點說就是決定了元素的排列和定位的一套規則。流體布局 利用文件流本身的特性,實現的各類布局效果。文件流本身具有自適應性,所以流體布局也具有自適應性。css3 object fit grid 網格容器 grid template rows 行劃分規則 單位 px fr grid t...

世界第一「ADC」

在操作ad模組的時候,通常配置以下幾處 ace7 ace0 adck2 adck0 ad0ff bit vrefs,adrfs,acs4,acs2 acs0 首先ace7 ace0,位於acerl控制暫存器中,用於確定是8個通道中的哪乙個,可以通過檢視對應的電路圖來確定,在實際的專案原理圖中,通道已...

世界第一的猛漢王

題目鏈結 在同種中統計貢獻,發現是減交集取最值。曼哈頓轉切比雪夫,然後二維數點。注意要提前減去交的貢獻 利用異色統計貢獻 轉化為可以批量計算貢獻的東西。inline void clear int cnt n inline int query ll xl,ll xr,ll yl,ll yr bz xr...