python 繪製線圖
阿新 • • 發佈：2020-11-13
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 .box1{ 8 width:100px; 9 height:100px; 10 background-color:orange; 11 float:right; 12 } 13 .box2{ 14 width:100px; 15 height:100px; 16 background-color:green; 17 float:right; 18 } 19 .box3{ 20 width:100px; 21 height:100px; 22 background-color:yellow; 23 float:right; 24 } 25 .s1{ 26 background-color:red; 27 width:100; 28 height:100px; 29 float:left; 30 31 } 32 </style> 33 </head> 34 <body> 35 <!--浮動可以是一個元素向其父元素的左側和右側移動 36 使用float 屬性來設定元素的浮動 37 可選值： 38 -none預設值，元素不浮動 39 -left元素向有浮動 40 -right元素向右浮動 41 注意：元素設定浮動之後，水平佈局的等式便不需要強制成立 42 元素設定浮動以後，會完全從文件流中脫離，不在佔用高文件> 流的位置，所以元素下面還在文件流中的元素會自動向上移動 43 浮動的特點： 44 -1.浮動元素完全脫離文件流 45 -2.設定浮動後元素會向父元素的左側或者右側移動 46 -3.浮動元素預設不會從父元素中工藝處 47 -4.浮動元素想做向右移動式，不會超過它前面的其他浮動元素 48 -5.如果浮動元素的杭冕是一個沒有浮動的塊元素，則浮動元素 無法向上移動 49 -6.浮動元素不會超過它上面的浮動的兄弟元素，最多就是一眼 高(在垂直方向上) 50 51 浮動的其他特點： 52 脫離文件流的特點： 53 塊元素 54 -1.塊元素不再獨佔頁面的一行 55 -2.脫離文件流後，塊元素的高度和寬度都被內容撐開 56 行內元素： 57 -1.行內元素脫離文件流後會變成塊元素，特點和塊元素一 樣 58 脫離文件流後，不需要在區分塊元素和行內元素 59 浮動之後元素的型別就變成了內聯塊元素,不會沾滿父元素的寬度 60--> 61 <div class="box1"></div> 62 <div class="box2"></div> 63 <div class="box3"></div> 64 <span class="s1">我是span</span> 65 </body> 66 </html>