css

由 datahunter 在三, 13/05/2015 - 17:14 發表

最後更新: 2018-03-27

介紹

<head>
  <style>
    Selector {
      Property1:Value1;
      Property2:Value2;
      .................
    }
  </style>
</head>

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

/* This is a comment */

@import "navigation.css";          /* Using a string */

@import url("navigation.css");     /* Using a url */

    p {color:red;text-align:center;}

<1> element Selector:

h1
p
...

<2> id Selector:

當 html element 有以下的內容時

< ... id=id1 ... >

#id1 { ... }

<3> class Selector

當 html element 有以下的內容時

< ... class="center" ... >

.center { ... }

Grouping Selectors

h1, h2, p {
    text-align: center;
    color: red;
}

p.ex {
    height: 100px;
    width: 300px;
}

* it sets the height of the area inside the padding, border, and margin of the element!

#t1{
    text-align: center;
}

Type