本教程案例在線演示
有路網PC端
有路網移動端
免費配套視頻教程
免費配套視頻教程
教程配套原始碼資源
教程配套原始碼資源
字體樣式
屬性名 含義 舉例
font-family 設定字體型別 font-family:"隸書";
font-size 設定字體大小 font-size:12px;
font-style 設定字體風格 font-style:italic;
font-weight 設定字體的粗細 font-weight:bold;
font 設定所有字體屬性 font:italic bold 36px "宋體";
font-family屬性
.p1{ font-family: "隸書";}
.p2{font-family: "黑體"; }
.p3{ font-family: "Arial Black"; }
font-size屬性
單位：px（像素）
.p1{font-size: 10; }
.p2{font-size: 20px;}
.p3{font-size: 30px;}
font-style屬性
normal、italic和oblique
字體的粗細
font-weight屬性
normal 默認值，定義標準的字體，
bold 粗體字體，
font屬性
字體屬性的順序：字體風格→字體粗細→字體大小→字體型別
p span{font:oblique bold 12px "楷體";}
文本樣式文本屬性
屬性 含義 舉例
color 設定文本顏色 color:#00C;
text-align 設定元素水平對齊方式 text-align:right;
text-indent 設定首行文本的縮進 text-indent:20px;
line-height 設定文本的行高 line-height:25px;
text-decoration 設定文本的裝飾 text-decoration:underline;
文本顏色
color屬性
十六進制方法表示顏色
color:#FFFFFF;
color:#000000;
color:FF0000;
color:#A983D8;
color:#95F141;
color:#339966;--- color:#396;
color:#EEFF66;--- color:#EF6;
6位顏色值相鄰數字兩兩相同時，可兩兩縮寫為1位
水平對齊方式
text-align屬性
值 說明
left 把文本排列到左邊，
right 把文本排列到右邊
center 把文本排列到中間
首行縮進
text-indent：px
行高
line-height：px
文本裝飾
text-decoration屬性
值 說明
none 默認值，定義的標準文本，
underline 設定文本的下劃線，
overline 設定文本的上劃線，
line-through 設定文本的洗掉線，
垂直對齊方式
vertical-align屬性：middle、top、bottom
實踐-制作總裁致辭頁面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href=https://www.cnblogs.com/songboriceboy/p/"css/common.css" rel="stylesheet" type="text/css" />
<body>
總裁致辭
來源：來自東部資料
9月16日下午，東部控股副總裁、東部資料教育公司總裁張家林老師相繼來到黑龍江外國語學院和哈爾濱學院，
分別向兩個高校的學子們分享了“懷揣夢想 創造未來—服務外包人才的成長之路”以及“互聯網+時代IT人才的成長之路”的主題演講，
演講開始，張家林總裁指出隨著“互聯網+”時代的來臨，資訊技術進一步推動服務外包需求變革，
以大資料、物聯網、移動互聯網、云計算為代表的新一代資訊技術正在加速與傳統產業融合發展，
基于資訊化、互聯化的新興商業模式正在重新構建，
接下來，張家林總裁提出IT及服務外包產業具有知識性、專業性、實踐性的特點，決定了該產業必然是智力型、應用型人才云集之地；
產業國際化亟需兼備技術和語言能力并能夠跨文化溝通的人才，
近年國內畢業生數量持續快速增長，面臨著就業愈加困難的窘迫，同時企業和高校也陷入了人才需求和人才輸出的“囚徒困境”中，
面對嚴峻的就業現實，張家林總裁著重給出了對大學生的建議：“不斷提升自己的軟技能和硬技能，做好職業生涯規劃，從現在開始職涯歷程的起點；
聚焦IT方向，打好基礎，積累相應的作業經驗，為就業做好充分準備，”