bc1998이 녹화한 CSS 비디오 튜토리얼은 초보자가 시청하는 것이 좋습니다_기본 튜토리얼

css 튜토리얼 라이트박스

css 튜토리얼 html, 본문 태그 정의 1부 동영상 아니요. 2 영상
내용 :
1. 100% 적응형 높이를 위해서는 html 태그와 body 태그를 모두 설정해야 합니다.
2. html 태그의 범위는 body 태그의 범위와 스크롤 막대를 더한 범위와 같습니다.
출시일: 2007.3.2

css 튜토리얼의 hr 태그 정의 동영상 주소


css 튜토리얼 테이블 태그 정의 강의 1 영상 강의 2 영상 강의 3 영상 강의 4 영상
내용: The table, tr, td, th 등과 같은 새로운 웹 표준 및 태그에 테이블을 적용, 두 가지 소프트웨어와 CSS가 정의하는 형식인 tablecssization 소개
출시 시기: 2007.3.1
코드:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>제목 없는 문서</title> <style type="text/css"> <!-- body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } table#dd { background-color: #6CADD9; } table#dd thead th { background-color: #6CADD9; color: #FFFFFF; } #dd td { padding: 6px; width: 50px; } table#dd tbody.tb1 td { background-color: #FFFFFF; } table#dd tbody.tb2 td { background-color: #F7F7F7; } table#dd tbody td:hover { background-color: #BFEDF9; } table#dd colgroup col.name { background-color: #E6E6E6; width: 100px; font-weight: normal; }--> </style> <table border="0" align="center" cellspacing="1" id="dd"> <caption> 这是一个表格 </caption> <colgroup> <col class="name"> <col> <col> </colgroup> <thead> <tr> <th></th> <th>颜色</th> <th>型号</th> <th>价格</th> </tr> </thead> <tbody class="tb1"> <tr> <th>第一件衣服</th> <td>红色</td> <td>大</td> <td>100</td> </tr> <tr> <th>第二件衣服</th> <td>绿色</td> <td>小</td> <td>120</td> </tr> </tbody> <tbody class="tb2"> <tr> <th>第一件裤子</th> <td>红色</td> <td>大</td> <td>230</td> </tr> <tr> <th>第二件裤子</th> <td>绿色</td> <td>小</td> <td>240</td> </tr> </tbody> <tbody class="tb1"> <tr> <th>第三件衣服</th> <td>红色</td> <td>大</td> <td>90</td> </tr> <tr> <th>第四件衣服</th> <td>绿色</td> <td>小</td> <td>100</td> </tr> </tbody> </table>
[모두 선택하려면 Ctrl+A 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]