9.28&9.29

9.28css

1.transparent  透明的模塊化

2.placeholder  提示語佈局

寫頁面spa

  1. 搞清結構層次,
  2. 保證模塊化,讓他們之間不能受到影響

(1)      元素性質3d

(2)      標準流blog

浮動帶來的脫離文檔流撐不起父級的高度的問題能夠採用清除浮動的方式消除影響,absolute和fixed帶來的脫離文檔流撐不起父級的高度,使用子元素設置高強制撐起父級。繼承

9.29文檔

1.css能夠繼承的屬性有哪些?it

Font 系列 text系列 color line-heightio

2.border-radius的值的問題

 

 

四個值的順序是 左上 右上 右下 左下。

3.white-space 規定段落中的文本換不換行 每每值是nowrap 不換行

4.Word-wrap 屬性容許長的內容能夠自動換行  屬性值是 break-word 容許 默認是不容許

5.寫三角形

 

 

寬高必須是0

6.margin對佈局的影響  雙飛翼佈局 聖盃佈局 ()

 

 

Margin是 外邊距,屬性值是數字 數字又分正負。

正數:margin:20px;

負數:在static元素中(標準流下)margin-left爲負數當前元素向左走 margin-top爲負當前元素向上走

Margin-bottom爲負數後當前元素不動後面的元素向上走,margin-right爲負數當前元素不動後面的元素向左走

注意的,margin爲負會增大當前元素的寬(前提是當前元素沒有設置width)

場景

 

 

 給ul一個margin-right 就無形之中給ul加了20px寬度。

 

 

 

 

在float下

Margin爲負 也是咱們經常使用的雙飛翼,聖盃佈局

中間自適應 兩端固定

給元素margin-left爲負當前元素向左走,margin-right爲負後一個元素向左走會覆蓋當前元素。

在absolute下

Margin爲負

讓元素居中,前提是知道元素的寬高。

div{

Position:absolute;

Left:50%;

Top:50%;

Margin-left:-width/2;

Margin-top:-height/2

}

Margin爲負不管在什麼條件下都是釋放本身的空間,若是本身的margin不夠,就把本身的寬高貢獻出去。

本站公眾號
   歡迎關注本站公眾號,獲取更多信息