class屬性指定的樣式,在css中稱為“類”,可以用來修飾標簽元素。
1、新建html文檔,在body標簽中添加一個input標簽,在inpu標簽中添加一些文字:
2、設(shè)置一個類,類的格式是“.”+“類名”,這里類名以demo為例,然后為這個類添加一些樣式:
3、使用class屬性將之前設(shè)置的類添加到input標簽上,這時input標簽將會顯示類上面的樣式:
內(nèi)部樣式跟內(nèi)聯(lián)樣式都是由style標簽來定義的,但放的位置不一樣。
有三種樣式,一種是放在外面的css文件,稱作外部樣式,不過HTML文件要通過link標簽來引用,一種是放在head標簽里面,稱作內(nèi)部樣式,最后一種是放在元素里面,稱作內(nèi)聯(lián)樣式。
菜鳥教程html學(xué)習(xí)的一個優(yōu)秀網(wǎng)站,親測,還有一個3W
HTML表格的基本結(jié)構(gòu)包括<table>、<caption>、<tr>、<td>、<th>等標記
1:<table>標記有以下屬性
① width屬性:表示表格的寬度
② height屬性:表示表格的高度
③ border屬性:表示表格外邊框的寬度
④ align屬性表示表格的顯示位置:left居左顯示;center居中顯示;right居右 顯示。
⑤ cellspacing屬性:單元格之間的間距
⑥ cellpadding屬性:單元格內(nèi)容與邊框的顯示距離
⑦ frame屬性:控制表格邊框外層的四條線框
⑧ rules屬性:控制顯示單元格之間的分割線
2:<caption>標記用于表格中使用標題
<caption>標記的align屬性有四個取值:
① top表示標題放在表格的上部
② bottom表示標題放在表格的下部
③ left表示標題放在表格的左部
④ right表示標題放在表格的右部
3:<tr>標記用來定義表格的行,對于每一個表格行,都是由一對<tr>...</tr>標記表示。<tr>標記有如下幾種屬性
① bgcolor屬性用來設(shè)置背景顏色
② align屬性用來設(shè)置垂直方向?qū)R方式
③ valign屬性用來設(shè)置水平方向?qū)R方式
4:<td>和<th>都是單元格的標記,其必須嵌套在<tr>標記中,成對出現(xiàn)。<th>是表頭標記,<th>中的文字會被默認加粗,而<td>不會,<td>是數(shù)據(jù)標記,表示該單元格的具體數(shù)據(jù)。兩者的標記屬性是一樣的:
① bgcolor屬性用來設(shè)置背景顏色
② align屬性用來設(shè)置垂直方向?qū)R方式
③ valign屬性用來設(shè)置水平方向?qū)R方式
④ width屬性用來設(shè)置表格的寬度
⑤ height屬性用來設(shè)置表格的高度
⑦ rowspan設(shè)置單元格所占行數(shù)
⑧ colspan設(shè)置單元格所占列數(shù)