1. 程式人生 > >前端學習隨筆-2018.11.30 Day3

前端學習隨筆-2018.11.30 Day3

1.塊級元素居中: width:XXX margin: 0 auto; 相對於父元素的寬度居中
2.分割線可以用border-top或border-bottom
3.圓角邊框: border-radius 此屬性的值為圓角的半徑,如果需要圓形,則先設定寬高,再設定border-radius為寬高的一半

4.padding 行內元素和行內元素之間用padding可以隔開,行內元素和塊級元素/行內塊級元素之間不能,會被擠上去。 一小段文字(幾段文字在同一行)的話,效果比較簡單,就是割開了,如果其中一段很長(佔了很多行)的話,下一段文字是從上一段的末尾開始隔開

 

 

二、表格

1.tr 行,th 表頭格,td 普通格 2.colspan="X":本列佔X列 rowspan="X":本行佔X行 3.table的border-collapse屬性: separate:預設值。邊框會被分開。不會忽略border-spacing 和 empty-cells 屬性。 collapse:如果可能,邊框會合併為一個單一的邊框。會忽略 border-spacing 和 empty-cells 屬性。 inherit:規定應該從父元素繼承border-collapse 屬性的值。 4.cellpadding:相當於padding cellspacing:相當於margin

 

三、框架

1.HTML框架 <frameset> 不能與<body>標籤同用,直接放在<html>中即可

2.HTML內聯框架 <iframe> 放在<body>內 一般網站的頁尾版權資訊等使用內聯框架載入進去,方便修改