css的再深入7(更新中···)
1.transparent ?透明的
2.placeholder ?提示語
寫頁面
(1)?元素性質
(2)?標準流
浮動帶來的脫離文檔流撐不起父級的高度的問題可以采用清除浮動的方式消除影響,absolute和fixed帶來的脫離文檔流撐不起父級的高度,使用子元素設置高強制撐起父級。
?
1.css可以繼承的屬性有哪些?
?
Font 系列 text系列 color line-height
?
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不夠,就把自己的寬高貢獻出去。
如:
1.正常狀態
?
?
?
2.設margi值時
?
更多專業前端知識,請上 【猿2048】www.mk2048.com
總結
以上是生活随笔為你收集整理的css的再深入7(更新中···)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: css的再深入9(更新中···)
- 下一篇: 解析什么是绝对定位,相对定位与浮动