初識CSS

twilight0402發表於2017-01-23

版權宣告:本文為博主原創文章,轉載請註明出處。 https://blog.csdn.net/twilight_karl/article/details/54692885

!DOCTYPE必須位於HTML文件的第一行
指示瀏覽器關於頁面使用哪個HTML版本進行編寫的指令

使用css樣式的方式

屬性與屬性之間用  ;  分開,屬性與屬性值之間用  :  分開。最後一個屬性後可以不加 ; ,但是為了避免出錯,建議加上 ; 
為了提高可讀性,建議每行只寫一條屬性。

內鏈式

直接在標籤中控制樣式

<body style=”background-color:green;”>

嵌入式

在head中編輯樣式,在body中呼叫

<style type=”text/css”>
body{
background-color:green;
color:red;
}
</style>

引入式樣式表

從外部引入樣式表,外部樣式類似 “樣式名.css”

<link rel=”stylesheet” type=”text/css” href=”style.css”>

定義 style.css

<!--外部樣式表-->
body{
background-color:red;
}