第四天 浮動 基礎動畫

2021-09-29 04:53:04 字數 853 閱讀 1303

不知不覺又快到一點了

這幾天的學習讓我感覺很充實,很舒服

以前覺得不懂得東西,現在似懂非懂了。。

今天學習了浮動這個玩意兒

主要分網頁布局、display屬性和邊框塌陷這三個,還學習了一些基礎的動畫

一、網頁布局

2、標準文件流:inline(內聯元素-行)block(塊級元素)。

二、display屬性

1、block(塊元素)display:block  元素被定義為塊元素,該元素前後都帶有換行符

2、inline(內聯元素-行)display:inline   元素被定義為行元素,無換行符

3、inline-block(塊元素與行元素在一行中存在)display:inline-block行內含有塊元素,塊元素不會換行,控制塊元素放到一行裡面

4、none  設定元素不會被顯示

5、float  用於將兩個塊元素放至一行中    float:left;靠左浮動    float:right;靠右浮動

三、邊框塌陷

內容含有清除浮動(clear)和四個解決方案兩個方面

清除浮動::、、|||

clear:left  清除左側浮動元素對自己的影響

clear:right  清除右側浮動元素對自己的影響

clear:both  清除兩側浮動元素對自己的影響

clear:none  允許浮動元素出現在兩側

四個解決方案::、、|||

1、在父元素最後加空div標籤,並設定為  .p

2、給父元素設高度height

3、給父元素新增overflow屬性   .p

4、新增偽類after   clear:after

四、動畫()

css第四天 浮動

1css布局的三種機制 1.1標準流 最穩定 塊級 自上而下 行內 自左到右 1.2浮動 浮動可以讓多個塊級元素子在一行無縫隙顯示,布局最為長常用 1.3定位 2浮動2.1目的 讓多個塊級元素在一行顯示 浮動只要左右,沒有居中 我們的浮動元素只能一行顯示 除非裝不開盒子,才會下來 2.2口訣 浮 漂...

python基礎第四天

1 通過鍵的名稱返回值,類似列表的訪問a name 2 get 指定鍵不存在時可以返回指定值 3 列出所有的鍵值對 a.items 4 列出所有的鍵a.keys 列出所有的值a.values 5 len 鍵值對的個數 6 檢測乙個鍵是否在字典中 in a a name name a.get scor...

Java基礎學習第四天

第四天 遇到問題解決思路 1.將複雜問題分解為若干個簡單問題 2.實現,如果有bug,進行debug除錯 3.優化 氣泡排序 比較相鄰的元素。如果第乙個比第二個大,就交換它們兩個。對每一對相鄰元素作同樣的工作,從開始第一對到結尾的最後一對。在這一點,最後的元素應該會是最大的數。針對所有的元素重複以上...