css 搭配記錄

一、常見顏色搭配

1. 輸入框的默認字體顏色
   值一般設置爲 #ccc，顏色是灰色，如下搜索框的顏色
   
2. 黑色字體
   #333
   

二、內聯樣式佈局方案解決

2.1 輸入框緊湊問題

爲了解決佈局衝突問題，可以使用內邊距 padding-left: .2rem;

三、內容顯示

3.1 超出的部分內容使用省略表示

當文字內容過的時候，我們不想它換行，可以使用 三個 css 樣式改變他

文字內容對應的 css 樣式

		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;

3.2 超出部分的內容無法正常的顯示

我們需要在父容器加個如下的 css 屬性: min-width: 0;

四、文字佈局整理

4.1 字體縮進 （em）

在文章中我們要實現首行縮進的兩個字符可以使用 2em 實現，表示相對字體大小實現兩個縮進