## 字體顏色
~~~css
color:#008000;
~~~
<br>
## 字體大小
~~~css
// 字體大小設置 大小+單位
font-size: 50px;
~~~
<br>
## 字體
~~~css
/* 主流瀏覽器一般默認微軟雅黑 */
font-family: 微軟雅黑;
font-family: 黑體;
font-family: 宋體;
~~~
<br>
## 字體粗細
~~~css
/* 字體加粗 */
font-weight: bold;
/* 字體不加粗 */
font-weight: normal;
~~~
<br>
## 文本修飾
~~~css
/* 下劃線 */
text-decoration: underline;
/* 刪除線 */
text-decoration: line-through;
/* 沒有線 */
text-decoration: none;
~~~
<br>
## 斜體
~~~css
font-style: italic;
~~~
<br>
## 行高
~~~css
/* 一行內容的高度,內容不夠高度,上下留白,內容居中 */
line-height: 40px;
~~~
<br>
## 首行縮進大小
~~~css
text-indent: 40px;
~~~
<br>
## 單詞間距
~~~css
word-spacing: 40px;
~~~
<br>
## 字母間距
~~~css
/* 字母間距 */
letter-spacing: 40px;
~~~
<br>
## 文本對齊
~~~css
/* 左對齊 */
text-align: left;
/* 右對齊 */
text-align: right;
/* 居中 */
text-align: center;
~~~
<br>
## 強制不換行
~~~css
/* 強制文字不換行 */
white-space: nowrap;
~~~
<br>
## 關于空格的認知
不管你代碼里有多少空白空格,瀏覽器最多只會解析一個空格
<br>
<br>
- 01-青銅-HTML5+CSS3網頁開發
- 01-代碼初識
- 01-前端開發工程師
- 02-前端開發環境與軟件
- 03-什么是語言
- 04-頁面結構
- 05-常用標簽
- 06-樣式表
- 07-常見樣式與選擇器
- 01-高寬+邊框
- 02-練習
- 03-背景
- 04-練習
- 05-文字與文本
- 06-選擇器
- 07-練習
- 08-標簽類型
- 09-盒子模型
- 01-內邊距
- 02-計算方法
- 03-外邊距
- 04-盒子模型計算方式切換
- 05-overflow
- 06-練習
- 10-超鏈接
- 11-練習
- 02-css基礎2
- 01-選擇器優先級
- 02-標簽樣式初始化
- 03-一個標簽多個類
- 04-指針樣式
- 05-編碼規范
- 06-練習
- 03-浮動
- 01-練習
- 04-定位
- 01-練習
- 05-其他樣式
- 01-透明與隱藏
- 02-其他
- 03-練習
- 06-表格與表單
- 01-表格
- 02-表單
- 07-PC端整站開發
- 08-移動端開發與適配
- 09-響應式
- 10-git
- 01-html+css(做頁面)
- 前端打怪之路