黑马程序员技术交流社区

标题: - - front end [打印本页]

---

作者: icuteme    时间: 2019-4-9 15:02
标题: - - front end
“男的单身叫什么？”“单身狗。”“那女的单身叫什么？”“狗不理。”


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 ) }

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2