1. 程式人生 > >CSS基本知識

CSS基本知識

分開 col tle -- body 定義 type text 參考

CSS規則有兩個主要部分組成:選擇器,一條或多條聲明

選擇器通常是需要改變樣式的HTML元素

每條聲明由一個屬性和一個值組成

屬性是希望設置的樣式屬性。每個屬性有一個值。屬性和值之間用冒號分開。

技術分享圖片

CSS選擇器

CSS選擇器是一種模式,用於選擇要添加樣式的元素。

參考 http://www.w3school.com.cn/cssref/css_selectors.asp

CSS屬性

參考 http://www.w3school.com.cn/cssref/index.asp

HTML中使用CSS樣式表的三種方式

第一種 元素內嵌樣式 使用全局屬性 style

<body>
  <a href
="http://apress.com" style="background-color:grey; color:while"> 使用內嵌樣式</a> </body>

第二種 文檔內嵌樣式 使用 style元素定義文檔內嵌樣式 通常放置在<head>部分

<head>
  <style type="text/css">
    a {
      background-color:grey;
      color:white; 
    }
  </style>
</head>
<body>
  <
a href="http://apress.com">使用文檔內嵌樣式</a> </body>

第三種 外部樣式表 使用<link>元素

a {
  background-color:grey;
  color:white;
}
以上內容保存在sytles.css文件中
------------------
<head>
  <link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
  <a href="http://apress.com"
>使用外部樣式表</a> </body>

CSS基本知識