新手如何學習CSS以及進階

在我們平常瀏覽的網頁元素中，除了看到一些比如文字、媒體信息、圖片！還包括一些文字特效，如閃光字、背景特效！這就好比為網頁添加了一層外衣，那么如何為網頁添加這一層即美麗又漂亮的外衣，這就要用到接下來我們要講的CSS了。<br/> CSS是Cascading style Sheets的簡稱，即“層疊樣式表“，網頁中經常用CSS會使你的網頁更美化，減少代碼量，更簡練。

工具/材料

開發者工具（webstorm）、IE、谷歌瀏覽器等

操作方法

01
網頁中制作與鏈接CSS的方法
內聯樣式：在頭部<head>標簽里嵌入<style type="text/css"></style>，列：在網頁主體內添加一個<div>標簽，類名為“city”,在添一個<div>標簽，內容為“北京”，通過內聯樣式CSS，為文字添加邊框（border）寬度1px,實心線：（solid）顏色為黃色（yellowgreen），內邊距：文字與邊框的邊距（padding為上下5px,左右20px）代碼如下圖：
02
運行程序，結果如下：
03
外聯樣式：先在工程文件夾里創建一個新的CSS文件，如下圖
04
為CSS文件取一個文件名，點擊OK即可，如下圖
05
在編輯窗口<head>里輸入<link rel="stylesheet" href="這里寫你的CSS文件名"，如下圖
06
運行程序，結果如下方法一相同，是不是要內部樣工簡練的多！
CSS常用屬性
文字屬性：
07
文本屬性：
08
為文字添加字體屬性
例：字體大小為50px,樣式傾斜，加粗，字體可隨意選，代碼如下圖：
09
運行程序：結果如下：
End