前端基础复习笔记04--列表标签?表格标签?表单标签?div和span?CSS基础语法?CSS样式的引入方式?CSS中的颜色表示法?

    技术2023-07-29  82

    1. 列表标签?

        1. 无序列表 -> ul li 符合嵌套的规范      <ul type="circle">            <li>1</li>         <li>2</li>     </ul>  这样写是对的

        <ul>         <p>             <li>1</li>             <li>6</li>         </p>     </ul>  这样写是错的

        type属性:改变签名的标记样式 一般用css来创建     2. 有序列表 -> ol li 一般用的比较少,可以用无序列表来实现     3. 定义列表 -> dl dt dd 列表项需要添加标题和对标题进行描述的内容

        注:列表之间可以互相嵌套,形成多层级的列表。

    2. 表格标签?

        table、tr、th、td、caption 等

        注:之前是有嵌套关系的,要符合嵌套规范。❤️❤️❤️❤️

        语义化标签:tHead、tBody、tFood

        注:在一个table中,tBody是可以出现多次的,但是tHead、tFood只能出现一次。

        align : left、center、right     valign : top、middle、bottom

    3. 表单标签?     form、input、textarea、select、label ..         input(单标签)标签有一个type属性,决定是什么控件。         还有一些常见的属性:             checked、disabled、name、for ...         ⭐️这里主要看一下表单。html文件 单选中的label可以扩大选择范围 multiple可以多选,比如用在文件上传,下拉多选中

    4. div和span?⭐️div和span都是没有任何默认样式的,需要配合css才行     div : 做一个区域划分的⭐️块     span : 对文字进行修饰的⭐️内联

    5. CSS基础语法?

        选择器 { 属性1 : 值1 ; 属性2 : 值2 }

        width : 宽     height : 高     background-color : 背景色

        长度单位 :          1. px -> 像素         2. % -> 百分比                 外容器1 -> 600px  当前容器 50% -> 300px             外容器2 -> 400px  当前容器 50% -> 200px

    6. CSS样式的引入方式? ⭐️⭐️⭐️如果都写了内联和内部样式则内联优先     1. 内联样式         style属性           2. 内部样式         style标签         区别:             内部样式的代码可以复用、复合W3C的规范标准,进行让结构和样式分开处理。         3. 外部样式         引入一个单独的CSS文件,name.css

            通过link标签引入外部资源,rel属性指定资源跟页面的关系,href属性资源的地址。         通过@import方式引入外部样式 ( 这种方式有很多问题,不建议使用 )

    7. CSS中的颜色表示法?     1. 单词表示法 : red blue green yellow ...

        2. 十六进制表示法:#000000   #ffffff         0 1 2 3 4 5 6 7 8 9          0 1          0 1 2 3 4 5 6 7 8 9 a b c d e f

        3. rgb三原色表示法:rgb(255,255,255);         取值范围 0 ~ 255

        获取颜色的工具:         提取颜色的下载地址:https://www.baidufe.com/fehelper         photoshop工具

    Processed: 0.009, SQL: 9