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

相关推荐
轮子大叔7 分钟前
CSS基础入门
前端·css
踩着两条虫8 分钟前
强强联合!VTJ.PRO 正式接入 DeepSeek V4,AI 编码能力再跃升
前端·vue.js·ai编程
Lily.C16 分钟前
DOMPurify 前端富文本 XSS 防护使用指南
前端
一叶渡江19 分钟前
深挖 iOS 16 以下 flex column-reverse 滚动失效问题
前端
众创岛29 分钟前
回调函数、闭包概念、场景及python实战
前端
得想办法娶到那个女人31 分钟前
项目中 TypeScript 类型推导 极简实战总结
前端·javascript·typescript
Beginner x_u36 分钟前
前端八股整理(Vue 02)|组件通信、生命周期、v-if 与 v-show
前端·javascript·vue.js
一颗青果1 小时前
Cookie 与 Session 超详细讲解
服务器·前端·github
zs宝来了1 小时前
React 18 并发模式:Fiber 架构与时间切片
前端·javascript·框架
万物得其道者成1 小时前
Vue3 使用 Notification 浏览器通知,解决页面关闭后旧通知点击无法跳转问题
前端·vue.js·edge浏览器