h5學習筆記 Table

2021-09-30 17:03:17 字數 1443 閱讀 9879

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!

編寫乙個**作為練習。當中有個比較重要的樣式在學習過程中遇到,border-collapse: collapse; 能夠去除雙重的邊框。table可以合併單元格所以 對td屬性設定 colspan=」2」 則代表可以設定單元格。

table 當中thead, tbody, tfoot 都是table元素。使用thead代表表頭 ,這個標籤好處的無需關係位置。同樣tfoot 也一樣。

.mytable tr:nth-child(2n) 為隔開選取,這樣就能夠間隔地處理錯開的顏色。

charset="utf-8">

table 練習title>

head>

.mytable

.mytable

table

.mytable

th        .mytable

td        .mytable

tr:hover

.mytable

tr:nth-child(2n)

.mytable

tfoot

.mytable

tfoot

a   

style>

class="mytable">

姓名th>

性別th>

**th>

位址th>

tr>

thead>

小公尺td>

未知td>

1234567td>

火星文明td>

tr>

華為td>

未知td>

1234567td>

火星文明td>

tr>

三星td>

未知td>

1234567td>

火星文明td>

tr>

蘋果td>

未知td>

1234567td>

火星文明td>

tr>

tbody>

href="#"

td>

colspan="1">

href="#"

td>

colspan="2">

td>

tr>

tfoot>

tfoot>

table>

div>

body>

html>

給我老師的人工智慧教程打call!

H5 學習筆記3

html標籤 表單 input標籤 屬性 type text文字框 password密碼框 radio單選框 checkbox多選框 button按鈕 reset重置 submit提交 select標籤 屬性 option 下來框 textarea標籤 文字域 button標籤 作用範圍比較廣 fo...

H5學習筆記(六)

1 複雜選擇器 1 兄弟選擇器 兄弟 具備相同父元素的一組元素稱為兄弟元素 1 相鄰兄弟選擇器 1 什麼是相鄰兄弟選擇器 匹配指定元素的相鄰兄弟元素 2 語法 結合符 選擇器1 選擇器2 2 通用兄弟選擇器 1 什麼是通用兄弟選擇器 匹配指定元素下面所有的兄弟選擇器的元素 2 語法 結合符 選擇器1...

h5學習筆記 UI庫

自從接觸了web開發以來,每天都會很糾結選什麼ui框架才是比較合適?擺在這個問題面前是乙個技術的選型。要想知道,web開發的坑實在太深。不斷地大廠推出開源框架,不斷地發現很多造輪子。或者看到乙個比較漂亮就會選。而採取vue開發,發現一大堆元件,vue的元件也是很多。vue元件式開發熟悉了其實開發也是...