前端自學筆記06

2022-05-03 05:12:06 字數 1651 閱讀 3618

1、學習目標

能寫出全部清除浮動的方式

能簡述定位的使用場景

能說出3種定位的特點

能寫出絕對定位的盒子居中的**

能夠說出子絕父相的使用目的

為什麼沒有清除定位卻有清除浮動?

因為定位有子絕父相,父盒子 會把位置佔好。

2、定位模式轉換

3、css高階技巧

/*隱藏物件*/

display

:block;

/*顯示某個元素*/

注意:一定要首先強制在一行內顯示,再次和overflow屬性搭配使用

white-space

:nowrap;

overflow

:hidden;

text-overflow

:ellipsis;

利用fireworks工具測量好所需盒子的大小以及所需在精靈圖內的座標,設定好相應的盒子後對精靈圖進行位移即可

.aa

background:url(...) no-repeat

0 -350px;

滑動門

製作導航欄時,我們發現導航欄文字長度不一,但背景卻能夠根據內容進行合適地拉伸,這是應用了滑動門的技術。先擷取長的左側少部分固定住,再將長進行右對齊,這樣在其中輸入文字就能自動把進行拉長。

aspan

style>

head>

/*設定特效兩個門都要設定*/

href="#">

首頁span>

a>

body>

深度學習自學筆記 06

均方誤差 usr bin env python coding utf 8 time 2020 2 28 18 30 author lzq software pycharm 公式含義 e 0.5 sum yk tk 2 yk是表示神經網路的輸出,tk表示監督資料,k表示資料的維數 import num...

大前端筆記06

三種布局方式 文件流 浮動布局 層布局 定位 1 靜態定位 不定位 position static 靜態定位的元素按照文件流內的位置排列 2 相對定位 position relative 偏移參考元素 離絕對定位的元素最近的帶有position屬性的祖先元素,如果不存在就是相對body定位 會脫離文...

前端自學筆記(CSS部分1)

css是層疊樣式表的簡稱,全稱cascading style sheets,也叫級聯樣式表或者css樣式表。css和html一樣,也是一種標記語言,css 主要用於設定 html 頁面中的文字內容 字型 大小 對齊方式等 的外形 寬高 邊框樣式 邊距等 以及版面的布局和外觀顯示樣式。css 讓我們的...