高階HTML CSS Step2 任務2

2021-08-22 03:29:07 字數 1052 閱讀 7116

這次的任務是建立乙個布局,可以選用table,也可以選用div,這裡我選用的是div,文末也借鑑了同學的table方法。

我用到了4個大的div分塊,其中兩個div分塊中均含有div子分塊:    

我的校園校園生活我的家鄉

計算中心資環學院資訊學院動科學院

用浮動模式float可實現多個div分塊並列一行,height與line-height的值相同時可實現文字在div分塊中垂直居中:

絕對定位和相對定位結合可以實現兩個div分塊的相對位置的分布(父元素設定position:relative   ,子元素設定position:absolute  ; top:**px  ; left:**px;)實現子元素相對父元素的頂端**px,左端**px:

附上源**:

我的校園校園生活我的家鄉計算中心

資環學院

資訊學院

動科學院

我的實現介面:

我的校園

校園生活

我的家園

計算中心

資環學院

資訊學院

動科學院

前端高階(2)

影象 1.常用的影象格式 jpeg jpg 採用有損壓縮演算法,壓縮比較大 gif 色彩有較大的失真,主要使用者線條為主的影象,動態的影象,簡單的圖用的比較多 png 採用無失真壓縮,不支援動畫 2.img標籤 必須屬性 src,常用屬性 width,height img屬性 src width h...

高階指標2

前面已經學習了關於指標與陣列的一些概念,現在我們繼續對它們進行了解,學習指標和陣列的定義與宣告,還有具體是怎麼傳參的呢?指標與陣列的定義,宣告 通俗易懂的來說,定義是不存在的時候要它存在,而宣告是不知道的是讓它知道。定義和宣告之間的差別就是 定義分配了記憶體而宣告沒有 定義只能出現一次,而宣告可以出...

高階查詢(2)

exists可以作為where語句的子查詢 select from 表名 where exists 子查詢 not exists 子查詢與exists正好相反 注意事項 1,子查詢可以巢狀在任何sql語句表示式出現的位置巢狀在select子句中的子查詢,不必指定列別名 select 子查詢 from...