2023 11 16笔记

1.表格

<table border="1px" cellspacing="0">border生成表格样式 cell则是间距变小width height
   <caption>学生信息表</caption>表格的标题
     <tr>  行
       <th>姓名</th>  列(加粗)
       <td>张三</td>  列      
     </tr>
   </table>

2. bgcolor="red"

3在td里面写.

     rowspan="2"  跨行删别的组td
     colspan="3"  跨列删同一组td

4将别的页面嵌入到自生的页面

. <ifram src="网址/页面" frameborder="1" width=" "></iframe>
   <iframe src="https://www.taobao.com">

5其余标签 默认open

<dialog>

<form action="#"></form>

<dialog>

6. <details>
     <summary>关于文章</summary>
                文章
    </details>

7全局属性.

< class=“ ”>可以重复id则不行

8. &nbsp;空格
   &lt;  小于
   &gt;  大于
   &copy;

9. css引入:
      在    head  之间用  style （这是内嵌）

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

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

   href  路径

   background-color  可选择颜色

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

       标签选择器：标签{··········}

    id选择器：#id名{········}

       类选择器：[<class="box">]  .box{·········}   .类名{········}

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

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

        后代选择器     所有满足的条件       父亲 后代{·······}

        复合选择器     又叫逗号选择器

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

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

                  标签[属性*=“·····”]           (*表包含········）

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

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

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

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

                  标签：link{········}           点击前的

                   标签：fouces                 获取焦点时

13. 伪元素 
        在  head  之间加  style

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

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

14. nth-child
    ul li：nth-child（数字）{······}      数字是几，就作用于几

    ul li：nth-of-type(数字)       不会找不到较于上面

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

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