7.結構和布局
自適應內部元素:
min-content（容器內部最大的不可斷行元素的寬度（即最寬的單詞、或具有固定寬度的盒元
素）countess ada lovelace, the first programmer.
問題是文字內容可能很長導問題
解決：figure
水平居中：
行內：text-align:center;
塊：margin:auto;
垂直居中（就比較複雜了）--早期定寬元素使用的絕對定位的三種寫法
1.
main
2. main
3.可以不用知道元素寬高
main
絕對定位的寫法有個問題，當元素在高度上超過了視口，那它的頂部會被視
口裁切掉
解決辦法
基於視口單位的解決方案（只適用於在視口中居中的場景。）
main
基於 flexbox 的解決方案
body
main
借助 flexbox 規範
所引入的 align-items 和 justify-content 屬性，我們可以讓它內部的文
本也實現居中
main
根據盒對齊模型（第三版）（的計畫，在未來，對於簡單的垂直居中需求，我們完全不需要動用特殊的布局模式了。因為只需要下面這行**就可以搞定：
align-self: center;
CSS揭秘（引言）
1.當某些值相互依賴時，應該把 它們的相互關係用 表達出來 2.要把超連結的顏色設定為與頁面中其他文字相同，還是要用 inherit a 3.inherit 關鍵字對於背景色同樣非常有用 callout callout before 4.如何避免不必要的 查詢 1 使用百分比長度來取代固定長度。如果...
CSS揭秘（引言）
1 標準的制定過程 a 人員結構 w3c會員公司的成員 特邀專家 w3c工作人員 b 儘管 css3 非常流行，但它實際上並沒有在任何規範中定義過。它實際上是指乙個非正式的集合，包括css規範第三版再加上一些版本號還是1的新規範。2 css編碼技巧 a 儘量減少 重複 b 相信你的眼睛，而不是數字 ...
css 揭秘 CSS揭秘 技巧（二） 多重邊框
原始碼都在這上面哦！喜歡的給我乙個星吧 問題 我們通常希望在css 層面以更靈活的方式來調整邊框樣式 目前為止，我們大多數人可能已經用過 或者濫用過 box shadow來生成投影，不太為人之的是，它還接受四個引數 擴張半徑 通過制定正值或負值，可以讓投影面積加大或者減小,h shadow 必需。水...