css基本語法及頁面引用

css基本語法

css的定義方法是：

選擇器 { 屬性:值; 屬性:值; 屬性:值;}

選擇器是將樣式和頁面元素關聯起來的名稱，屬性是希望設置的樣式屬性每個屬性有一個或多個值。代碼示例：

div{ width:100px; height:100px; color:red }

css頁面引入方法：

1、外聯式：通過link標簽，鏈接到外部樣式表到頁面中。

<link rel="stylesheet" type="text/css" href="css/main.css">

2、嵌入式：通過style標簽，在網頁上創建嵌入的樣式表。

<style type="text/css">
    div
 
{ width:100px; height:100px; color:red }
    ......
</style>

3、內聯式：通過標簽的style屬性，在標簽上直接寫樣式。

<div style="width:100px; height:100px; color:red ">......</div>

css文本設置

常用的應用文本的css樣式：

• color 設置文字的顏色，如： color:red;

• font-size 設置文字的大小，如：font-size:12px;

• font-family 設置文字的字體，如：font-family:‘微軟雅黑‘;

• font-style 設置字體是否傾斜，如：font-style:‘normal‘; 設置不傾斜，font-style:‘italic‘;設置文字傾斜

• font-weight 設置文字是否加粗，如：font-weight:bold; 設置加粗 font-weight:normal 設置不加粗

• font 同時設置文字的幾個屬性，寫的順序有兼容問題，建議按照如下順序寫： font：是否加粗 字號/行高 字體；如： font:normal 12px/36px ‘微軟雅黑‘;

• line-height 設置文字的行高，如：line-height:24px;

• text-decoration 設置文字的下劃線，如：text-decoration:none; 將文字下劃線去掉

• text-indent 設置文字首行縮進，如：text-indent:24px; 設置文字首行縮進24px

• text-align 設置文字水平對齊方式，如text-align:center 設置文字水平居中css顏色表示法

css顏色表示法

css顏色值主要有三種表示方法：

1、顏色名表示，比如：red 紅色，gold 金色

2、rgb表示，比如：rgb(255,0,0)表示紅色

3、16進制數值表示，比如：#ff0000 表示紅色，這種可以簡寫成 #f00

CSS（一）