2023.11.16作业（笔记）

1. <table border="1px" cellspacing="0">
   <caption>学生信息表</caption>
     <tr>  行
       <th>姓名</th>  列(加粗)
       <td>张三</td>  列      
     </tr>
   </table>
2. bgcolor="red"
4. rowspan="2"  并行
     colspan="3"  并列
5. <iframe src="网址/页面" frameborder="1" width=" "></iframe>
   <iframe src="https://www.taobao.com">
6. <details>
     <summary>关于文章</summary>
                文章
    </details>
7. < class=“ ”>
8. &nbsp;
   &lt;  小于
   &gt;  大于
   &copy;
9. css引入:
      在  head  之间用  style （这是内嵌）

      在  head  之间用  link  （这是外链）

      在  body  之间用  style （这是行内）  

      background-color  可选择颜色

      <ink rel="stylesheet" href="./09-test.css">

10. 基本选择器
      标签选择器，id选择器，类选择器，通配符选择器

      标签选择器：标签{  }

      id选择器：#id名{  }

      类选择器：.class名{  }

      通配符选择器：*{  }  会选择所有的标签

      <div class="box1">盒子1</div>
      <p id="box1">我是一段文字</p>
      <div>盒子二</div>

11. 包含选择器
      子代选择器     只找到第一层        .ul1>li{  }

      后代选择器        所有            .ul1 li{  }

12. 复合选择器（又叫逗号选择器）
       p,
       div,
       .box 
       {  }
       p,
       div
       {  }
     
     

13. 属性选择器     标签[属性=“····”]{  }

                  标签[属性^=“·····”]          （^  表找以·····开头）
 
                  标签[属性*=“·····”]          （*表包含········）

                  标签[属性$=“·····”]           ($表以········结尾)

14. 伪类选择器     标签 ：hover{  }         控制鼠标悬停时的变化

                  标签 ：active{  }        点击超链接，不松手时超链接的变化

                  标签 ：visited{  }       点击后超链接的变化

                  标签 ：link{  }          点击前的

                  标签 ：focus{  }         某个标签获得焦点时的样式
15. 伪元素 
        在  head  之间加  style

    ul  li::before{content=“  ” ; }     在前面加······

    ul  li::after{content="  " ; }      在后面加······

16. 其他选择器
    ul li：nth-child（数字）{  }      数字是几，就作用于几

    ul li:nth-child (2n-1) {  }      

    ul li:nth-of-type(4) {  }       行

    ul li：first-child{  }          作用于第一个

    ul li：last-child{  }           作用于最后一个