假如有乙個padding/border/margin 與其他的三條邊不同，其他三條邊一樣，這個時候我們設定總體樣式，再單獨去設定它的樣式。
border
: 5px solid red;
/* css：層疊特效 */
border-bottom
: 10px dashed green;
我們可以使用：
*
我們一般是不設定高度的，而是用內容去撐開盒子的高。
內容的多少不是由咱們決定的，使用自適應可以避免大片留白和內容溢位。
/*超出文字隱藏------ 需要和這個結合使用*/
overflow
: hidden;
/*當文字溢位，省略號代替*/
text-overflow
:ellipsis;
/*文字不會換行，文字會在在同一行上繼續，直到遇到
標籤為止。*/
white-space
: nowrap;
取值：margin相遇的部分，並不是兩個margin值的和，而是為最大值。
如果兩個margin值為負數，取值為絕對值最大的。
如果一正一負，結果為兩者之和。
水平居中：
text-align
:center
水平居中：
margin: 0 auto;
垂直居中
給盒子新增乙個上下一樣的padding。
1.利用margin，div1的寬減去div2的寬 就是div2 margin-left的數值
div1的高減去div2的高就是div2 margin-top的數值
2.利用css的 position屬性，把div2相對於div1的top、left都設定為50%，然後再用margin-top設定為
div2的高度的負一半拉回來，用marg-left設定為寬度的負一半拉回來。
3.
.div1
.div2
4. 設定父元素的屬性值
display
: flex;
/*!*flex-direction: column;*!可寫可不寫*/
justify-content
: center;
align-items
: center;
真實的高：內容的高+上padding+下padding+上border+下border
子盒子的寬度若不設定預設為父盒子的內容的寬。
若設定了邊框和內邊距，父盒子的內容寬減去邊框和內邊距的大小，剩下的就是子盒子的寬度。
vertical-align: bottom;
日常小知識
關閉php警告報錯 error reporting 0 linux查詢檔案命令 find name print 獲取網頁內容 file get contents url 開啟mysql 慢查詢 log slow queries long query time 1 log long format 開啟...
日常小知識 移動端
1 修改預設的placeholder顏色 webkit input placeholder moz placeholder moz placeholder ms input placeholder 2 複寫掉ios的input樣式 移動 input type button 3 ios，overflo...
CSS屬性小知識
1.float 注意 1.浮動元素產生了浮動流，塊級元素看不到他們，也就是會忽略它所佔的位置 2.產生bfc的元素和文字類屬性的元素以及文字都能看到他們 3.有inline 睡醒都具有文字屬性 4.若設定浮動，應該馬上清除浮動，避免不必要的影響 清除浮動的方法 方法一 新增新的元素 應用 clear...