鳴黎的筆記: Css-基本認知( 一 )

2016年7月20日星期三

建議 : 此篇要有一些些 Html 的基礎會比較容易懂。

CSS 在網頁的角色定位 ?

回歸正題，我們在這裡就先統稱"樣式"

CSS 最大的功用是來幫我們網頁添加色彩

有時候也可以幫我們解決客戶一些奇怪的需求

( 咳咳... )

首先，我們要在哪裡宣告 ? ( 哪裡放置我們的樣式? )
有三種方式可用( 三選一；也可三種一起宣告同名，但會受到優先權影響 )

1 . 直接在標籤內宣告，要添加 : "" 和 ; ，

<p style="font-size:12px; color:red;">大家好...</p>

2 . 在 Style 區塊宣告

</head>
<style type="text/css">
p{
   font-size:12px;
   color:red;
   font-weight:bold;
}
</style>
<body>

3 . 外部文件 : 指定檔案位置 ( .css )

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

剛剛有提到，如果標籤 <p></p> 三種宣告方法都有設定樣式怎辦 ?
他會依照優先權 : 標籤內 > Style 區塊 > 外部文件

歡迎轉載，請註明出處。

鳴黎的筆記