CSS-基本語法/引用/文本設置/選擇器/
CSS-基本語法/引用/文本設置
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>
4.導入式： 將一個獨立的.css文件引入HTML文件中，導入式使用CSS規則引入外部CSS文件，<style>標記也是寫在<head>標記中。
<styletype="text/css"> @import"mystyle.css"; 此處要註意.css文件的路徑 </style>
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顏色值主要有三種表示方法：
1、顏色名表示，比如：red 紅色，gold 金色
2、rgb表示，比如：rgb(255,0,0)表示紅色
3、16進制數值表示，比如：#ff0000 表示紅色，這種可以簡寫成 #f00
css選擇器
常用的選擇器有如下幾種：
