第 12 屆 iThome 鐵人賽

DAY 25

0

Modern Web

轉生成感性腦初學網頁的文組大小姐系列第 25 篇

DAY25：HTML學習筆記-CSS-float

12th鐵人賽

2020-09-25 23:35:22

725 瀏覽

分享至

今日進度

HTML5‧CSS3 最強圖解實戰講座的Lesson8

學習筆記

今日新知

float
- float:left或right
- 將原本上下排列的元素改成左右排列
- 要用margin保持間距，不然會黏再一起
clear
- clear:left或right
- float會造成文繞圖，clear可以讓清掉不需要文繞圖的地方

心得

排版都用語法控制，很難控制出要的效果，有時候就會好想跟illustrator一樣，直接用排上去就好

初學者學習日誌，文章內容若有打錯歡迎直接糾正我，謝謝大家><

DAY24：HTML學習筆記-CSS-盒子模型

DAY26：HTML學習筆記-CSS-版面種類

系列文

轉生成感性腦初學網頁的文組大小姐共 30 篇

目錄

RSS系列文訂閱系列文

12 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22200 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙