1.空白符
2.字元間距
3.省略號樣式
4.水平垂直居中用法
5.css角標實現
空格符
1. 相當於鍵盤按下的空格，區別是 是可以累加的空格，鍵盤敲下的空格不會累加
2. 相當於1/2中文寬度的空格，透明，基本不受字型影響
3. 相當於乙個中文寬度的空格，透明，基本不受字型影響
4. 窄空格，所佔寬度較小，相當於em的六分之一
5.零寬不連字，不列印字元，放在電子文字的兩個字元之間，抑制本來會發生的連字，而是以這兩個字元原本的字形來繪製
6.零寬連字，不列印字元，放在某些需要複雜排版語言的兩個字元之間，使得這兩個本不會發生連字的字元產生了連字效果
空格（ ）、製表位（ ）、換行（
）和回車（
）還有（ ）
字元間距設定
1.抬頭縮排text-indent
例如：text-indent: 20px，表示縮排20畫素
2.字間距letter-spacing
例如：letter-spacing: 8px，表示字間距為8px
3.行間距（行高）
例如：line-height: 20px，表示行佔高20px
省略號樣式
1.語法
text-overflow : clip | ellipsis
clip：不顯示省略標記（...），只是裁切超出的文字
ellipsis：當文字溢位時顯示省略符號（...）
2.使用
省略樣式的使用需要配合寬度和white-space
來實現，例如：
width: 100px;3.多行文字的省略符overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; //
強制不換行
display: -webkit-box;詳見ssxfont部落格，穿梭》-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
絕對定位元素實現水平垂直居中
1.已知寬度高度的絕對定位元素居中實現
.center2.未知寬度時的居中實現（transform: translate）
.center3.由於transform: translate的相容性不支援ie10以下的，這時我們可以使用margin:auto來實現
.center如果只實現垂直方向的居中，可以使用margin-top:0;margin-bottom:0;來實現，同理，水平方向使用margin-left\margin-right
css角標實現
1.通過漸變色，設定斜角方向，漸變50%後透明
.jioabiao角度說明：0：從下向上 90：從左到右 180：從上向下 270：從右向左
2.使用border製作三角形
.jioabiao3.旋轉角度後，使用magin負值實現（需要父級設定，overflow:hidden）
.jioabiao效果：
參照部落格，穿越》
divcss5
CSS面試知識點
偶然發現，公司裡多了很多新面孔。在電梯裡，總能遇到面容似曾相識卻叫不出名字的同事，才後知後覺，貌似又進入了求職高峰期。曾經一起奮戰的同事，如今又在另外一片天空追尋自己的夢想，祝福他們，希望所有的程式設計師都能幸福。回想起去年這個時候，也是在求職的路上磕磕絆絆。去年很不順，迷信的說法也許是本命年犯太歲...
整理 CSS知識點
1 css注釋 這是個注釋 2 選擇器 id 選擇器 para1 class 選擇器 center p.center class為center的所有p元素 3 css建立 外部樣式表 內部樣式表 內聯樣式 this is a paragraph.層疊次序 當同乙個 html 元素被不止乙個樣式定義時...
CSS知識點總結
css匯入方式 1.標籤內聯2.內部放置3.外部放置4.import url css選擇器 1.標籤選擇器2.id選擇器3.class選擇器4.組合選擇器 css優先順序 就近原則 標籤 id class 為了防止不支援css的瀏覽器將.標籤間的css規則當成普通字串,而顯示在網頁上，應將css的規...