2024 年 4月随笔档案 - by1314

H5_新增的列表标签

摘要：标签名语义单/双标签 datalist 用于搜索框的关键字提示双 datalis 用于展示问题和答案，或对专有名词进行解释双 summary 写在details的里面，用于指定问题或专有名词双 datalist案例 <form action="#"> <input type="text" 阅读全文

posted @ 2024-04-11 11:18 by1314 阅读(17) 评论(0) 推荐(0)

H5_状态标签

摘要：meter 标签属性值描述 high 数值规定高值 low 数值规定低值 max 数值规定最大值 min 数值规定最小值 optimum 数值规定最优值 value 数值规定当前值 progress 标签语义：显示某个任务完成的进度的指示器，一般用于表示进度条，双标签，例如：工作阅读全文

posted @ 2024-04-10 16:31 by1314 阅读(46) 评论(0) 推荐(0)

H5_新增的布局标签

摘要：标签名语义单/双标签 header 整个页面，或部分区域的头部双 footer 整个页面，或部分区域的底部双 nav 导航双 article 文章，帖子，新闻，评论等双 section 页面中的某段文字，或文章中某段文字（文字通常包含标题）双 aside 侧边栏双 main 主要内容阅读全文

posted @ 2024-04-09 11:10 by1314 阅读(8) 评论(0) 推荐(0)

粘性定位练习

摘要：ps: .item>.first{B}+h2{B$}*8 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial 阅读全文

posted @ 2024-04-02 16:10 by1314 阅读(7) 评论(0) 推荐(0)

浮动练习

摘要：验证给父元素加上border，不会出现 margin 塌陷问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, init 阅读全文

posted @ 2024-04-02 16:09 by1314 阅读(31) 评论(0) 推荐(0)

CSS 定位

摘要：相对定位相对定位相对的是自己原来的位置，开启相对定位的元素并没有脱离文档流，可以超出父容器的大小，与 float 区分有四个属性值：left、bottom、right、top 左和右不能同时用，同时用时左生效；当一个元素右定位属性，这个元素的层级高于普通的元素；当两个元素都开启定位时，采用后阅读全文

posted @ 2024-04-02 16:09 by1314 阅读(27) 评论(0) 推荐(0)

by1314

04 2024 档案