百度前端任務 task0001筆記

div水平和垂直居中,text-align和vertical-align不起作用,因為標簽div沒有這兩個屬性,所以再css中設置這兩個值不能居中的效果。如需居中可嘗試margin:0 auto;

兩列布局,左邊固定寬度右邊自適應,可1、左邊float:left2、左邊position:absolute,右邊margin-left:左邊寬度

三列布局,左右固定寬度中間自適應

1、可左右浮動float中間用margin-left和margin-right,但需注意,div先寫浮動再寫中間自適應部分,不然右浮動會到下面一行

2、左右用position:absolute中間用margin-left和margin-right但是中間的margin-top和兩邊不一致,要少一些,暫時不知道為什么。

任何一個模塊都要定義寬度高度


http://zh.learnlayout.com/position.html


用浮動(float)時的父容器塌陷問題

1、在555之后加一個

http://fireflywithcat.iteye.com/blog/1615606


改<hr>格式

這里CSS指線寬度90%? 高度3px 離上下右下左距離 10px 0px 10px 0pxhr{width: 90%;height: 3px;margin: 10 0 10 0;}在頁面有了

就會受到有改變hr{}的影響HTML要貼:

hr {margin:0;HEIGHT: 25;width:100%;border:4px ridge;COLOR:333;}


position:absolute 居中http://blog.csdn.net/freshlover/article/details/11579669

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,815評論 1 92
  • 各種純css圖標 CSS3可以實現很多漂亮的圖形,我收集了32種圖形,在下面列出。直接用CSS3畫出這些圖形,要比...
    劍殘閱讀 9,700評論 0 8
  • 0. HTML對象獲取問題 3 0. const問題 3 0. event.x與event.y問題 3 0. wi...
    趙長安啊閱讀 560評論 0 0
  • 關于CSS對各個瀏覽器兼容已經是老生常談的問題了, 網絡上的教程遍地都是.以下內容沒有太多新穎, 純屬個人總結, ...
    xxiao1988閱讀 1,938評論 0 1
  • 當我寫出致我們終將逝去的青春,這幾個字時,我又迅速地劃去了,是啊!很不好的一種情緒,在漫長卻又短暫的時光里,你青春...
    嫣容淺笑閱讀 329評論 0 3