q:當父盒子巢狀子盒子時,如果父盒子不給邊框子盒子給margin-top時,父盒子會掉下來
a:解決方法
(1)為父盒子設定border,為外層新增border後父子盒子就不是真正意義上的貼合。(2)為父盒子新增overflow:hidden;
(3)為父盒子設定padding值。
q:浮動出現的原因,由於在實際的開發過程中,我們沒有辦法確定父盒子的高度,其高度由子元素撐起來,但是當子元素float時候其脫離標準文件流。不佔據原有文件流的高度,導致無法撐開父親盒子,這時候我們需要清除浮動的影響,保留其原有的高度使其能夠撐開父親盒子a:清除浮動的主要思路就是觸發
方法1(隔牆法):q:有時候我們需要讓文字在乙個規定的區域內一行顯示,並且超出部分使用省略號代替a:思路——主要是先讓文字強制一行顯示,再讓它溢位的部分隱藏,最後設定隱藏的樣式為省略號 是w3c推薦的做法是通過在浮動元素末尾新增乙個空的標籤例如
,或則其他標籤br等亦可。
方法2:
給父元素新增 overflow:hidden;
方法3(偽元素):
此方法為隔牆法plus
方法4(雙偽元素):.clearfix:after
.clearfix
在方法3,4使用時,只需要在css檔案裡面加上上述**,再在需要清除浮動的元素加上clearfix類名(規範!).clearfix:before,.clearfix:after
.clearfix:after
.clearfix
/*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動畫,必須重複
左右浮動,中間給width:100%>
class
="clearfix"
>
>
春眠不覺曉li
>
>
處處聞啼鳥li
>
>
夜來風雨聲li
>
>
花落知多少li
>
>
春眠不覺曉li
>
>
處處聞啼鳥li
>
>
夜來風雨聲li
>
>
花落知多少li
>
ul>
div>
/*設定li屬性*/
div ul li
/*規定錄播區域*/
div
/*ul大小設定和動畫*/
div ul
@keyframes star
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優缺...