HTML/CSS 基础

1、<input type="checkbox" checked>

  • checked 默认选中为复选框

2、表格中的标题<caption>

3、文字标签直接加 title

4、<dl>为自定义列表的整体,包裹<dt><dd>

<dt>自定义列表的主题

<dd>主题的每一项内容

5、语义化标签:头部标签<header>导航标签<nav></nav></header>

6、图像标签属性:<audio src="" controls></audio>

  • 常见属性名有:src、controls、autoplay、loop
  • src:媒体文件路径
  • controls:在网页内显示音频控件
  • autoplay:打开网页时自动播放媒体文件
  • loop:循环的英文、就是循环播放

7、video是控制视频的元素

1)controls属性:显示控制组件

2)loop属性:循环播放

3)muted属性:静音播放

4)preload属性:页面加载在播放

5)width/heigth属性:视频的宽高

6)autoplay属性:自动播放

7)出现错误事件:οnerrοr='handleError'

通过js绑定错误事件:

<script>

function handleError(){

alert('出现错误!');

}

</script>

8、后伪装:div::after 表示在div元素后插入内容

1)在元素上,content 的初始值为 'normal'。在:before和:after上,如果指定了content 的初始值为 'normal',则计算为 'none' 。content 的值设置为 'none' 不会生成伪元素。所以:before和:after才需要指定一个看似无意义的 content: ""; 来初始化content的值。

2)设置了宽高,为了使宽高设置能够有效显示出来,需要定义该伪元素为块级元素,也就是语句 display:block

相关推荐
孟陬1 小时前
Foobar 技术周刊#160:大模型让大规模形式化软件验证成为现实丨AI写C++代码之后会发生什么?丨我们真的需要alpha() 函数吗丨重试,有时会让故障更
前端·后端·typescript
flash俊杰2 小时前
屏幕感知双通道:截图之外,为什么还要一份 UIA 控件清单
前端
熟的生菜2 小时前
从零造一个腱绳驱动灵巧手——仿真器篇3:VTK 渲染与 3D 交互——看得见、点得着、转得动
前端
Henry-SAP3 小时前
SAP PP中的核心业务流程——离散制造、重复制造、流程制造三大模式解析
前端·数据库·人工智能·制造
徐小夕3 小时前
下载量超 30 万的开源智能体 Prime Agent:它把自己从 TypeScript 重写成了 Rust
前端·vue.js·github
Zhao-Jichao3 小时前
AI Prompting for Everyone 课程笔记 - P20 实验与期末项目 Lab and Final Project
前端·人工智能·笔记
Moment3 小时前
为什么这么多 Agent Harness 都选择 TypeScript
前端·后端·面试
toooooop83 小时前
CRMEB 故障排查笔记:安全网关只放行 GET/POST 怎么办
前端·javascript·vue.js·thinkphp6·crmeb
涛涛ing4 小时前
我现在最怕的不是 AI 写不出代码,是它写得太快,快到我不好意思说“等一下”
前端
AllData公司负责人4 小时前
【产品便捷使用一】AIIData 数据中台:企业基础版核心能力支持,一站式全链路数据处理实操指南
大数据·前端·数据治理·数据可视化·数据开发·数据服务·数据接入