接着說一些有關排版的一些東西
排版的標準 （子絕父相）css
列如：佈局
<body>spa
<佈局> relative繼承
<結構> absolute圖片
<佈局> relativeip
<結構> absoluteit
</結構> absoluteio
</佈局> relativefloat
</結構> absolute自適應
</佈局> relative
</body>
a是個行級元素 ，高不起做用
行級元素想設置寬高 只能用 行級塊（display="line-block"）
border的方向 先左上 在右上 以後右下 最後左下
border：9px 7px 3px 0;
css能夠繼承的標籤有 ：font系列；text系列；color；行高
white-space:nowrap （規定段落的文本換不換行）
word-wrap:break-word (規定單詞換不換行)
<子絕父相> 中心思想
作一個三角形：寬高必須是0；
div{
width:0;
height:0;
border-top:transparent 1px solid;
border-left:transparent 1px solid;
border-bottom:transparent 1px solid;
border-right:transparent 1px solid;
}
標準流中 margin （外邊距）爲負數叫釋放空間
margin（外邊距）對佈局的影響
屬性值：數字 （數字分正負）
標準流中 (static)
margin-left:20px; 向右走20px
margin-left:-20px; 向左走20px
margin-top:20px; 向下走20px
margin-top:-20px; 向上走20px;
接下來就不同嘍
margin-right:-20px; (當前元素不動 ，後面的元素向左走)
margin-bottom:-20px;( 當前的元素不動，後面的元素向上走)
注意：margin爲負數會增大元素的寬（前提：當前元素沒有設置寬高）
position:absolute;(margin爲負的狀況)
position:absolute;（對body來講的，讓邊框居中）
top:50%;
left:50%;
width:200px;
height:200px;
border：red 1px solid;
margin-left:-100px;
margin-top:-100px; (知道元素的寬高)
當後面的寬不夠了 margin-left:-20px; 會無形中增長20的寬
float中的margin爲負數的狀況，也是經常使用的聖盃佈局
margin-left：-50px 當前的元素向左走 會覆蓋前面的
margin-right：-50px 覆蓋後一個元素 後面的元素向左走
margin爲負 ：不管在什麼條件下都釋放本身的空間，若是本身的寬高不夠，就會把本身的寬高獻出去
兩種模式 （三個模塊來講）
雙飛翼 （兩端自適應，中間固定）
聖盃 （兩端固定，中間自適應）
邊框陰影：box-shadow: 0 0 10px #888
負左右正 下正上方 陰影大小 顏色
儘可能不要調圖片的大小，那樣會使圖片失真，因此儘可能改代碼
文本超出後省略點 ： text-overflow:ellipsis;
- 1. 關於decorator一些東西
- 2. 寫一些東西
- 3. java一些東西
- 4. 關於Chrome的V8的一些東西
- 5. HTML一些有趣的東西
- 6. 一些有意思的東西
- 7. 面試的一些東西
- 8. phpstudy的一些東西
- 9. C++裏的一些東西
- 10. 一些無聊的東西
- 更多相關文章...
- • 一對一關聯查詢 - MyBatis教程
- • NoSQL數據庫有哪些？ - NoSQL教程
- • RxJava操作符（一）Creating Observables
- • Kotlin學習（一）基本語法
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. 關於decorator一些東西
- 2. 寫一些東西
- 3. java一些東西
- 4. 關於Chrome的V8的一些東西
- 5. HTML一些有趣的東西
- 6. 一些有意思的東西
- 7. 面試的一些東西
- 8. phpstudy的一些東西
- 9. C++裏的一些東西
- 10. 一些無聊的東西