div可以將內部整合 以方便套用CSS
style可以去修飾文字(大小顏色等)
顏色可以寫代號也可以用16進制色碼
style內部小標(color font-size等)在冒號後加上值 並以分號相隔
當然也可以有背景色之類的
padding 是內部空間 margin 是外部空間
這是padding 10px 與 margin 20px 的效果 (px是像素 長度單位)
可以按F12看到詳細的位置與效果
float可以使一個位置(圖片列表等)浮起 使得我們的文字可以貼在旁邊
而html的顯示有兩種形式
p就屬於block 不論大小 就是算一整行
span則屬於inline 就算程式碼換行 他也顯示在同一行 文字占用多少空間就是多少空間可以用display來修改這屬性
例如這樣
p就可以在同一行