css.md - z22756392z/wp109b GitHub Wiki

CSS

  • 全名 層疊樣式表 cascading style sheets

  • css描述hmtl elements 該怎麼顯示

  • 可"一次"控制改變(多個)網頁的設計(排版)

  • 可用ccs檔案外部儲存 (ex :@import url('...'))

CSS 語法

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red;
  text-align: center;
} 
</style>
</head>
<body>

<p>Hello World!</p>
<p>These paragraphs are styled with CSS.</p>

</body>
</html>

CSS Selector(選擇器)

Selector Example Example description
#id #firstname Selects the element with id="firstname"
.class .intro Selects all elements with class="intro"
element.class p.intro Selects only

elements with class="intro"
* * Selects all elements
element p Selects all

elements
element,element,.. div, p Selects all
elements and all

elements
⚠️ **GitHub.com Fallback** ⚠️