一階段總結複習(HTML CSS)

2021-10-24 14:36:12 字數 2266 閱讀 4637

q:當父盒子巢狀子盒子時,如果父盒子不給邊框子盒子給margin-top時,父盒子會掉下來

a:解決方法

(1)為父盒子設定border,為外層新增border後父子盒子就不是真正意義上的貼合。

(2)為父盒子新增overflow:hidden;

(3)為父盒子設定padding值。

q:浮動出現的原因,由於在實際的開發過程中,我們沒有辦法確定父盒子的高度,其高度由子元素撐起來,但是當子元素float時候其脫離標準文件流。不佔據原有文件流的高度,導致無法撐開父親盒子,這時候我們需要清除浮動的影響,保留其原有的高度使其能夠撐開父親盒子a:清除浮動的主要思路就是觸發

方法1(隔牆法):

​ 是w3c推薦的做法是通過在浮動元素末尾新增乙個空的標籤例如

,或則其他標籤br等亦可。

方法2:

​ 給父元素新增 overflow:hidden;

方法3(偽元素):

​ 此方法為隔牆法plus

.clearfix:after

.clearfix

方法4(雙偽元素):

.clearfix:before,.clearfix:after

.clearfix:after

.clearfix

在方法3,4使用時,只需要在css檔案裡面加上上述**,再在需要清除浮動的元素加上clearfix類名(規範!)

q:有時候我們需要讓文字在乙個規定的區域內一行顯示,並且超出部分使用省略號代替a:思路——主要是先讓文字強制一行顯示,再讓它溢位的部分隱藏,最後設定隱藏的樣式為省略號

/*1. 先強制一行內顯示文字*/

white-space

: nowrap;

/*2. 超出的部分隱藏*/

overflow

: hidden;

/*3. 文字用省略號替代超出的部分*/

text-overflow

: ellipsis;

思路:

​ 1.規定乙個輪播區域——div

​ 2.有個重複li的ul

​ 3.div規定大小,並且設定溢位隱藏屬性——overflow:hidden

​ 4.li需要重複

​ 5.ul寬高按照實際的li來

​ 6.設定ul動畫,必須重複

>

class

="clearfix"

>

>

春眠不覺曉li

>

>

處處聞啼鳥li

>

>

夜來風雨聲li

>

>

花落知多少li

>

>

春眠不覺曉li

>

>

處處聞啼鳥li

>

>

夜來風雨聲li

>

>

花落知多少li

>

ul>

div>

/*設定li屬性*/

div ul li

/*規定錄播區域*/

div

/*ul大小設定和動畫*/

div ul

@keyframes star

100%

}

左右浮動,中間給width:100%

一階段html css簡答

1 彌補html語言的不足 2 縮減頁面 提高訪問速度 3 減少,頁面檔案就會小,占用網路頻寬就少,客戶端開啟速度就快,使用者體驗就會更好 4 結構清晰,有利於seo優化 5 有利於搜尋引擎優化 6 縮短改版時間 7 對 的重構有很好的支援 主要結合屬性 background position 解決...

python複習第一階段

linux基礎命令 cd 切換目錄和路徑 pwd 檢視當前路徑 clear 清屏 mv 移動 剪下 重新命名檔案 ls 檢視當前資料夾下的內容 ls a 顯示指定目錄下所有子目錄和檔案,包括隱藏檔案 ls l 以列表方式顯示檔案的詳細資訊 touch 建立檔案 mkdir 建立目錄 mkdir p ...

Hadoop第一階段複習 3

mapreduce 一.mapreduce是個分布式運算程 序的程式設計框架,是使用者開發 基於hadoop的 資料分析應用 的核心框架。mapreduce核心功能是將使用者編寫的業務邏輯 和自帶預設元件整合成乙個 完整的分布式運算程式,併發執行在乙個hadoop集群 上。二.mapreduce優缺...