“男的单身叫什么?”“单身狗。”“那女的单身叫什么?”“狗不理。”
html5语义化标签
<header> 头部标签 </header>
<nav> 导航标签 </nav>
<aside> 侧边栏标签 </aside>
<article> 内容标签 </article>
<section> 块级标签 </section>
<footer> 尾部标签 </footer>
input输入类型
"email" 邮箱类型
"number" 数字类型
"tel" 电话类型
表单属性
placeholder提示文本 表单的提示信息,存在默认值将不显示
音频&视频
audio&video ---> autoplay自动播放
controls控件
loop循环
结构伪类选择器
:first-child
:last-child
:nth-child(n)
:nth-of-type(n)
属性选择器
<input type="text" value="请输入内容" />
[text] 选择具有text属性的元素
[value="请输入内容"] 选择具有value属性且值为“请输入内容”
[value^="请输入"] 选择具有value属性且以“请输入”开头的
[value*="请输入"] 选择具有value属性且包括“输入”
[value$="请输入"] 选择具有value属性且以“内容”结束
伪元素选择器
::before 在元素内部的前面插入内容
::after 在元素内部的后面插入内容
必须有content属性,使用可创建一个行内元素,在dom里看不见创建的元素,权重为1
2d移动translate
div { transform : translate ( x , y ) } |
|