背景圖片 3月 前端 06Day

z-inlin 可以提升定位元素所在的層級;對于沒有開啟的時候不能用z-inline;?

z-index可以指定一個整數(shù)作為參數(shù)理郑,值越大元素顯示的優(yōu)先級越高,也就是z-index 值較大的元素會顯示在網(wǎng)頁的最上層控轿;

透明度的問題 : 0 表示完全透明缠诅; ? 1表示不透明;

background-color ?? 背景顏色

background-color屬性用來為元素設(shè)置背景顏色钉寝。

? ? ? ? ? ? ? ? ? ? ? ? 需要指定一個顏色值弧呐,當指定了一個顏色以后,整個元素的可見區(qū)域都會使用這個 顏色作為背景色嵌纲。 如果不設(shè)置背景顏色俘枫,元素默認背景顏色 為透明,實際上會顯示父元素的背景顏色逮走。

background-image ?? 背景圖片

background-image可以為元素指定背景 圖片鸠蚪,和background-color類似,這里使用的是一個圖片作為背景师溅。 ? ? ? ? ? ? ? ? ? ? ? 一個url地址作為參數(shù)茅信,url地址需要指向一個外部圖片的路徑

????????例如:background-image: url(1.jpg)

background-repeat ?? 背景圖片的重復

background-repeat用于控制背景圖片的重復方式。如果只設(shè)置背景圖片默認背景圖片將會使用平鋪的方式墓臭,可以????????????????通過該屬性進行修改蘸鲸。

repeat:默認值,圖片左右上下平鋪

no-repeat:只顯示圖片一次窿锉,不會平鋪

repeat-x:沿x軸水平平鋪一張圖片

repeat-y:沿y軸水平平鋪一張圖片

background-position ? ? 背景的起始位置

background-position用來精確控制背景 圖片在元素中的位置酌摇。可以通過三種方式來確定圖片在水平方向 和垂直方????????????????????????????向的起點嗡载。

????????????????????????????????關(guān)鍵字:top right bottom left center????????????百分比 ? ? ? ? ? ? ? ?? 數(shù)值

????????????????????????????????如果只給一個值的話窑多,第二個會默認為center,

background-attachment ? ? 用來設(shè)置背景圖片是否隨頁面滾動

scroll:隨頁面滾動????????????fixed:不隨頁面滾動

雪碧圖的特點 : 可以吧多張圖片整合到一張圖片上,提高用戶的訪問效率洼滚。

background是背景的簡寫屬性

????????????????????可以一次性設(shè)置多個樣式怯伊,而且樣式的順序沒有要求。

CSS Sprites是一種網(wǎng)頁圖片應用處理方式判沟。

????????????????????????????通過這種方式我們可以將網(wǎng)頁中的零星圖 片集中放到一張大圖上耿芹。

? ? ? ? ? ? ? ? ? ? ? ? ? ? 這樣一來,一次請求便可以同時加載多張圖片挪哄,大大提高了圖片的加載效率

表格????格式化的數(shù)據(jù)吧秕;

使用 table? 標簽創(chuàng)建一個表格。

?tr? 表示表格中的一行迹炼。

?tr? 中可以編寫一個或多個<th> 或 <td>

?th 表示表頭砸彬。

?td? 表示表格中的一個單元格颠毙。

在 body? 標簽里面寫 table ? ? tr 行 ? ,一行里有一對? tr ?? td ? 列砂碉;

使用 td 來創(chuàng)建單元格蛀蜜;

可以在 table? 里面寫 border ?? 例如 :? table boder="1"?

想要有幾行就用 tr ? ? ?? 有幾個 dt? 就有幾個單元格; ? ? ? align ? 對齊增蹭;

caption表示表格的標題滴某。

thead表示表格的頭部。

tbody表示表格的主體滋迈。

tfoot表示表格的底部霎奢。

合并單元格指將兩個或兩個以上的單元格 合并為一個單元格。

合并單元格可以通過在th或td中設(shè)置屬性 來完成饼灿。

橫向合并 ?? colspan????????縱向合并????rowspan

text-align:設(shè)置文本的水平對齊幕侠。

vertical-align:設(shè)置文本的垂直對齊。

可選值:top碍彭、baseline晤硕、middle、bottom

border-spacing:邊框間距

border-collapse:合并邊框

collapse:合并邊框

separate:不合并邊框

表格是對頁面進行布局的庇忌;

在表格中如果沒有寫? thead 舞箍,他會默認給你放入tbody里面窃诉;


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末动漾,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子县爬,更是在濱河造成了極大的恐慌墙基,老刑警劉巖软族,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異残制,居然都是意外死亡立砸,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進店門初茶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來颗祝,“玉大人,你說我怎么就攤上這事恼布÷荽粒” “怎么了?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵折汞,是天一觀的道長倔幼。 經(jīng)常有香客問我,道長爽待,這世上最難降的妖魔是什么损同? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任翩腐,我火速辦了婚禮,結(jié)果婚禮上膏燃,老公的妹妹穿的比我還像新娘茂卦。我一直安慰自己,他們只是感情好组哩,可當我...
    茶點故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布等龙。 她就那樣靜靜地躺著,像睡著了一般禁炒。 火紅的嫁衣襯著肌膚如雪而咆。 梳的紋絲不亂的頭發(fā)上霍比,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天幕袱,我揣著相機與錄音,去河邊找鬼悠瞬。 笑死们豌,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的浅妆。 我是一名探鬼主播望迎,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼凌外!你這毒婦竟也來了辩尊?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤康辑,失蹤者是張志新(化名)和其女友劉穎摄欲,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體疮薇,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡胸墙,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了按咒。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片迟隅。...
    茶點故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖励七,靈堂內(nèi)的尸體忽然破棺而出智袭,到底是詐尸還是另有隱情,我是刑警寧澤掠抬,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布吼野,位于F島的核電站,受9級特大地震影響剿另,放射性物質(zhì)發(fā)生泄漏箫锤。R本人自食惡果不足惜贬蛙,卻給世界環(huán)境...
    茶點故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望谚攒。 院中可真熱鬧阳准,春花似錦、人聲如沸馏臭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽括儒。三九已至绕沈,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間帮寻,已是汗流浹背乍狐。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留固逗,地道東北人浅蚪。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像烫罩,于是被迫代替她去往敵國和親惜傲。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,465評論 2 348

推薦閱讀更多精彩內(nèi)容