[前端第四課]HTML樣式的使用

 一、HTML樣式
    a、標籤
        (1)<style>:樣式定義
        (2)<link>:資源引用
    b、屬性
        (1)rel="stylesheet"外部樣式表引用
        (2)type="text/css"引入文檔的類型
        (3)margin-left邊距
    c、三種插入方法
        (1)外部樣式表:<link rel="stylesheet" type="text/css" href="mystyle.css">
        (2)內部樣式表:
            <style type="text/css">
            body {background-color : red}
            p {margin-left : 20px}
            </style>
        (3)內聯樣式表:<p style = "color : red">
    d、關於樣式的操做都集中放在head裏面
    
 二、HTML連接
    a、連接數據:
        (1)文本連接
        (2)圖片連接
    b、屬性:
        (1)href屬性:指向另外一個文檔的連接
        (2)name屬性:建立文檔內的連接
    c、img標籤屬性:
        (1)alt:替換文本屬性
        (2)width:寬
        (3)height:高
    
 三、HTML表格
    a、<table>定義表格
    b、<caption>定義表格標題
    c、<th>定義表格表頭
    d、<tr>定義表格的行
    e、<td>定義表格單元
    f、<thead>定義表格頁眉
    g、<tbody>定義表格主體
    h、<tfoot>定義表格頁腳
    i、<col>定義表格列屬性
    j、<ul>定義一個列
    k、<li>定義一列的每一項目
    l、屬性:
        (1)border邊距
        (2)cellpadding單元格間距
        (3)background插入背景圖
        (4)bgcolor背景顏色

css

相關文章
相關標籤/搜索