百花

table＞tbody＞tr:first-child＞td:first-child{
            border:1px solid red;
        }

從ｔａｂｌｅ到ｔｂｏｄｙ到第一個ｔｒ到第一個ｔｄ

table > tbody > tr:first-child > td:first-child + td {
                padding:20px;
            }

假如要到第二個ｔｄ寫成　td:first-child + td

到第三個　td:first-child + td＋ｔｄ

> 只選下一代

空格  是指所有的

ｐｓ：要找ｉｄ用＃　要找ｃｌａｓｓ用．

底下是空格的範例

<style>

 #tb1 td, #tb1 th {　　指ｔｂ１底下所有的ｔｄ跟ｔｈ
                border: 1px solid;
            }

</style>

 <table id="tb1">

底下是＞的範例

#tb1 > tbody > tr:first-child > td:first-child {
            border: 1px solid red;

連結

link  代表還沒造訪

active  代表游標已經按下去,還沒開起連結

visited  代表已經造訪過

hover 代表游標停在上面,還沒按下去

＜style>

 a:link{
                color:white;
                background-color:blue;
            }
            a:active{
                color:yellow;
                background-color:black;
            }
        a:visited {
            color:aquamarine;
            background-color:darkblue;
        }

        a:hover {
            color:brown;
            background-color:aqua;
        }

</style>

用過float 下面必須用clear 把float效果清掉

position

            position:absolute;      /*absolute 絕對值   relative相對的(已原本存在的邊境計算)*/
            top:0;
            left:0;