CSS知識總結(二)

2021-10-10 06:47:24 字數 1400 閱讀 6651

相等操作符總結

關係操作符總結

減性操作符總結

取數字不同數量級上的數字

只知道的url=>>不知道的大小

可以用transform,這裡面的百分比只是相對于父盒子的,因此不需要知道的size

.img-container img

console.

log(

null

>0)

;// 比較=>轉換成number=> number(param)=> 0>0 => false

console.

log(

null

<0)

;// false

console.

log(

null

>=0)

;// true

console.

log(

null

<=0)

;// true

console.

log(

null==0

);// fasle

其中,null == 0不做型別轉換,所以為false

實際上,undefined 值是派生自 null 值的,因此 ecma-262 規定對它們的相等性測試要返回 true:

console.

log(

null

== undefined)

;// true

console.

log(

==!([

]));

// true

console.

log(

number([

]));

// 0

console.

log(==!

());

// false

console.

log(

number()

);// nan

用取餘操作獲得當前數量級的sum % 10 => 個位數用整除操作獲得進製sum / 10 => 十位數

css知識總結

background color 背景顏色。background image 元素的背景影象.background repeat 水平方向平鋪 repeat x background attachment 背景影象是否固定或者隨著頁面的其餘部分滾動 background position 屬性改變影...

CSS知識總結

基本流程 解析html以構建dom樹 構建render樹 布局render樹 繪製render樹,如下圖 名稱解釋 注意 display none 的節點不會被加入render tree,而visibility hidden 則會,所以,如果某個節點最開始是不顯示的,設為display none是更...

CSS知識總結

使用flex 使用 css3 transform 使用 display table cell 方法 position 的常見四個屬性值 relative,absolute,fixed,static。一般都要配合 left top right 以及 bottom 屬性使用。float屬性的取值 浮動的...