background的小秘密

2021-09-26 05:10:08 字數 1164 閱讀 9997

background-image: url(./);

預設拉伸鋪滿

background-size: 100px 100px;

背景大小有兩個引數長和寬

background-repeat: no-repeat;

預設repeat,還有repeat-x和repeat-y常用為no-repeat

background-position: 10px 10px;

左上角的的位置

也可以 background-position: top left;

其中可以用到的引數有:top,left,right,bottom,center

還可以用百分數其中background-position: 50% 50%;剛好居中

補充*background-image同backgro-color一樣覆蓋padding部分

實際高階應用

在網速載入緩慢css和js不能載入的時候我們要讓客戶正常使用,那麼我們要告訴客戶我們img顯示的是什麼內容,接下來教給大家

html**

這裡是logo

// target="_blink"是空白頁跳轉

a

//利用padding開闢區間可以顯示背景,不可以顯示文字的原理

display

:inline-block;

text-decoration

:none;

color

:#424242;

width

:200px;

height

:0px;

padding

:200px;

background-image

:url()

;background-size

:200px 200px;

overflow

:hidden;

補充知識:行級元素只能巢狀行級元素,塊級元素可以巢狀行級元素和塊級元素,但是p標籤不能巢狀div,相應的a標籤不能簽套a標籤

GRUB的小秘密

我看了一下grub的源 主要的竅門是這樣的 grub分兩個部分stage1,stage2 stage1.5 stage1就是512的引導區了,它載入放在檔案系統中的stage2。而stage2完成grub的其它的事情,命令列,配罝,從檔案系統中載入kernel。但是stage1只能有512個位元組的...

int float double 的那點小秘密

偶編c的時候,有的時候就是因為這些float int double之間的混算錯得一塌糊塗。這位仁兄說得挺好的,不過要想在深入了解下去,可就麻煩了。如果沒那知識,就一定要注意強制型別轉換後賦值和運算,比較保險!原文如下 抱歉我用了乙個這麼 二 的題目,不過二點就二點吧,希望內容還不算太二。其實學習過程...

虛函式的小秘密

本文分析虛函式的小秘密,通過幾個case說明為了支援虛函式,應該有什麼樣的約定,生成什麼樣的 c 中虛函式用於實現多型 即方法呼叫和物件的動態型別繫結。具體地說對a 型別指標p指向a的公有派生類b的物件,a中有虛函式foo,b中給定foo的另乙份實現,p foo應該和b中的新實現繫結,而不是和a中的...