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 讓我們的...