css網頁美容師：讓html從樣式中脫離開來，實現html專注去做結構呈現，樣式交給css
作用：設定版面的布局和外觀顯示樣式
一、引入css樣式表：
1、行內式（內聯樣式）
《標籤名 style="屬性1：屬性值1；屬性2：屬性值2；屬性3：屬性值3；"> 內容style="color
: red
; font-size
: 12px
; ">你只有非常努力，才能看起來毫不費力
缺點：沒有實現分離
2、內部樣式表：
將css**集中在html文件的head頭部標籤中，並且用style標籤定義
語法如下：
缺點：沒有徹底分離
3、外部樣式表（外鏈式）實現結構與樣式完全分離
其基本語法為：
注意：
link是乙個單標籤
link標籤需要放在head頭部標籤中，並且指定link標籤的三個屬性 屬性
作用
rel
定義當前文件與被鏈結文件之間的的關係，在這裡需要指定為「stylesheet」，表示被鏈結的文件是乙個樣式表檔案。
type
定義被鏈結文件的型別，在這裡需要指定為「text/css」，表示鏈結的外部檔案為css樣式表。我們都可以省略。
href
定義所鏈結外部樣式表檔案的url，可以是相對路徑，也可以是絕對路徑。
二、css選擇器：
作用：找到特定的html元素，選擇標籤用的
1，基礎選擇器：
a、標籤選擇器（元素選擇器）：使用較多
語法：標籤名
作用：標籤選擇器可以吧某一標籤全部選擇出來，比如所有的div標籤、span標籤；
優點：是能快速為網頁同型別標籤統一樣式。
缺點：不能設計差異是樣式
b、類選擇器：使用非常多
語法： .
類名
標籤：類名'>
優點：可以為元素物件定義單獨或相同的樣式，可以選擇乙個或多個標籤。
注意：c、類選擇器特殊用法--多類名
給標籤指定多個類名，從而達到更多選擇的目的
d、id選擇器 ： 不建議使用
語法：#id名
標籤：
e、萬用字元選擇器：不建議使用
概念：萬用字元選擇器用「*」表示，「*」就是所有的，所有選擇其中作用最廣泛的，能匹配頁面中所有的元素
語法： *
例如： *
注意：會匹配頁面中所有元素，降低網頁響應速度，不建議隨便使用
三、css文字文字樣式
1、font字型：
1、 font-size：大小 p
body
.title
相對長度單位
說明
em
相對於當前物件內文字的字型尺寸
px
畫素，最常用
絕對長度單位
說明
in
英吋
cm
厘公尺
mm
公釐
pt
點
谷歌瀏覽器預設文字大小16px
2、font-family:字型 p
注意：unicode編碼：
字型名稱
英文名稱
unicode編碼
宋體
simsun
\5b8b\4f53
新宋體
nsimsun
\65b0\5b8b\4f53
黑體
simhei
\9ed1\4f53
微軟雅黑
micosoft yahei
\5fae\8f6f\96c5\9ed1
3、font-weight:字型粗細
在html中字型加粗可以用標籤來做（b標籤、strong標籤）
可以用css實現，但是css沒有語義
屬性值描述normal
預設值（不加粗）
bold
定義粗體（加粗的）
100-900
400相當於normal，700等同於bold
4、font-style:字型風格
在html中字型傾斜可以用標籤來做（i標籤、em標籤）
可以用css實現，但是css沒有語義 屬性
作用
normal
預設值，瀏覽器會顯示標準字型樣式
italic
瀏覽器會顯示斜體的字型樣式
平常很少給文字加斜體，反而更喜歡給斜體標籤（em，i）改為普通模式。
5、font:綜合設定字型樣式
font屬性用於對字型樣式進行綜合設定
基本語法：
選擇器
例如：.title
注意：2、css外觀屬性
1、color：文字顏色 表示
屬性值
預定義顏色值
red，green，blue，pink
十六進製制（使用最多）
#ff0000，#ff6600，#29d794
rgb**
rgb（255,0,0）或rgb（100%，0%，0%）
color:#ff0000;（紅色）/* 紅red 紅 綠green 綠 藍blue 藍 */
#ffffff（白色）-----fff
#000000（黑色）------000
#0000ff（藍色）-----00f
實際工作中，我們更喜歡簡寫的方式，兩兩相同的只寫乙個
2、text-align：文字水平對齊方式
屬性解釋
left
左對齊
right
右對齊
center
居中對齊
注意：是讓盒子裡面的內容居中對齊，不是讓盒子居中對齊
3、line-height：行間距
一般情況下，行間距比字型大小大7.8畫素左右就可以了
line-height：24px；
4、text-indent：首行縮排
em字元倍數，1em就是乙個字的寬度，如果是漢字的段落，1em就是乙個漢字的寬度 p
5、text-decoration文字的裝飾 值
描述
none
預設，定義標準的文字，取消下劃線（最常用）
underline
定義文字下的一條線，下劃線，也是我們鏈結自帶的（常用）
overline
定義文字上的一條線。（不用）
line-throught
定義穿過文字的一條線（不常用）
CSS 01內容處理篇
作為乙個前端切圖仔，一定會遇到內頁面布局的時候內容顯示，太短或者太長，看著特別不舒服的時候，直接設定寬度？下面介紹幾種常見的解決方式 1 overflow wrap css 屬性 overflow wrap 是用來說明當乙個不能被分開的字串太長而不能填充其包裹盒時，為防止其溢位，瀏覽器是否允許這樣的...
CSS 01 基礎對齊設定
css 1 white space 處理文字中的空白符，比如空格和換行符 值 normal 預設。空白會被瀏覽器忽略。pre 空白會被瀏覽器保留。其行為方式類似 html 中的標籤。nowrap 文字不會換行，文字會在在同一行上繼續，直到遇到 標籤為止 例子 開票單位 2 display flex ...
前端學習之CSS（01）概述及新增方式
html 網頁的內容 css 內容的樣式 charset utf 8 title head 天使投資指早期投資，尤其指個人早期投資。p vc，venture capital，所謂風險投資 創業投資，是相對靠前的非公開市場股權投資。p pe,private equity,所謂私募資本 非公開市場資本，...