css第四天 浮動

2021-08-21 22:12:02 字數 646 閱讀 5274

1css布局的三種機制

1.1標準流(最穩定)

塊級--->自上而下

行內--->自左到右

1.2浮動

浮動可以讓多個塊級元素子在一行無縫隙顯示,布局最為長常用

1.3定位

2浮動2.1目的:讓多個塊級元素在一行顯示

浮動只要左右,沒有居中

我們的浮動元素只能一行顯示(除非裝不開盒子,才會下來)

2.2口訣

浮:漂浮在標準流上面,就是脫標

漏:浮動的盒子不占有位置

特:浮動的元素能改變display的屬性。類似行內快

2.3一有全有

父盒子裡面的孩子,只要有乙個浮動,其餘的都得浮動才行

3清除浮動

1.目的

因為父親很多情況下不方便給高度,所以為了解決父親高度為零的問題

2方法額外標籤法 :給最後乙個浮動的標籤新增乙個新標籤

overflow:hidden

單偽元素:.clearfix:after

雙偽元素:.clearfix:before,.clearfix:after   .clearfix:after

ps:ie6/7相容

4.ps 切圖 

ps自帶的ps切片切圖

ps外掛程式cutterman

第四天 浮動 基礎動畫

不知不覺又快到一點了 這幾天的學習讓我感覺很充實,很舒服 以前覺得不懂得東西,現在似懂非懂了。今天學習了浮動這個玩意兒 主要分網頁布局 display屬性和邊框塌陷這三個,還學習了一些基礎的動畫 一 網頁布局 2 標準文件流 inline 內聯元素 行 block 塊級元素 二 display屬性 ...

前端基礎CSS第四天

css第四天 border radius 屬性用於設定元素的外邊框圓角 border radius length radius 半徑 引數值可以為數值或百分比的形式 如果是正方形,想要設定為乙個圓,把數值修改為高度或者寬度的一半即可,或者直接寫為50 該屬性是乙個簡寫屬性,可以跟四個值,分別代表左上...

css 選擇器 第四天

css注釋 css外觀屬性 sublime快捷方式 從html被發明開始,樣式就以各種形式存在。不同的瀏覽器結合它們各自的樣式語言為使用者提供頁面效果的控制。最初的html只包含很少的顯示屬性。隨著html的成長,為了滿足頁面設計者的要求,html新增了很多顯示功能。但是隨著這些功能的增加,html...