- 表格
<table>用标签**<caption>表格标题</caption>**</table>
设置表格标题
- 输入input标签用 type属性 type= 控制input标签:"text"文本框 "search"搜索框 "password"密码框 "checkbox"复选框 "radio"单选按钮等
- 图片标签
<img alt="" title="">的替代文本属性alt属性标题属性
- 超链接
<a herf="#" target="_blank"></a>
新窗口跳转
- 自定义列表
标签<dl></dl> 列表项 <dt></dt> 列表内容<dd></dd>
- body内的头部区域
<header>
<nav> 导航
</header>
- 音频媒体标签 且带有控件功能
<audio controls>
- 视频标签, 播放错误触发事件
<video onerror="">
- **伪类选择器 **
:nth-child(n) {}
div:first-child {
/* 伪类 div是其父元素下的第一个元素时生效 */color: rgb(255,0,0);
}
div::after {
/*伪元素必须设置content属性*/
content:"";
/* 设置为行内块级元素才能显示宽高 */
display: inline-block;
width:10px;
height:10px;
border: 1px solid #000;
}
- 设置标签为圆—— /* 设置宽高相等才能形成正圆 */
div {/* 设置宽高相等才能形成正圆 */width: 100px;height: 100px;/* 边框设置:1px 黑色 实线 */border: 1px solid #000;/* 圆角半径为宽高的一半(50px),形成圆形 */border-radius: 50px;/* 可选:添加背景色便于观察 */background-color: #f0f0f0;
}
- 父级内部清除浮动
overflow: hidden;
- 子级左浮动
float: left;
*** 元素位置固定position: fixed;**
position: fixed;
top:0;
left:0;