CSS 总结2

HTML5新增的语义化标签

<header>:头部标签

<nav>:导航标签

<artion>:内容标签

<section>:定义文档某个区域

<aside>:侧边栏标签

<footer>:尾部标签

 

视频：<video>

属性 值 描述

autoplay autoplay 视频就绪自动播放(添加muted来解决自动播放问题)

controls controls 向用户展示播放控件

width 像素 设置视频宽度

height 像素 设置视频高度

loop loop 播放完是否继续播放该视频，循环播放

preload auto(预先加载视频) none(不应加载视频) 规定加载视频(有了autoplay就忽略该属性)

src url 视频url地址

poster imgurl 加载等待的画面图片

muted muted 静音播放

 

音频：audio

属性 值 描述

autopaly autopaly 音频就绪马上播放

controls controls 向用户展示控件，如播放按钮

loop loop 音频结束后重写开始播放

src uel 音频地址

 

HTML新增的input类型

type=”email” 限制用户输入必须为email类型

type=”url” 限制用户输入必须为URL类型

type=”date” 限制用户输入必须为日期类型

type=”time” 限制用户输入必须为时间类型

type=”month” 限制用户输入必须为月类型

type=”week” 限制用户输入必须为周类型

type=”number” 限制用户输入必须为数字类型

type=”tel” 手机号码

type=”search” 搜索框

type=”color” 生成一个颜色选择表单

 

HTML5新增的表单属性

required required 表单拥有该属性表示其内容不能为空，必填

placeholder 提示文本 表单的提示信息，默认值将不存在

autofocus autofocus 自动聚焦属性，页面加载完成自动聚焦到指定表单

autocomplete off/on 当用户在字段输入，浏览器基于之前输入的值，应该显示在字段中填写的选项。默认已经打开，如：autocomplete=”on”,关闭autocomplete=”off” 需要放在表单内，同时加上name属性，同时成功提交

multiple multiple 可以多选文件提交

 

属性选择器

E[att] 选择具有att属性的E元素

E[att=”val”] 选择具有att属性且属性值等于val的的E元素

E[att^=”val”] 选择具有att属性且属性值以val开头的E元素

E[att$=”val”] 选择具有att属性且属性值以val结尾的E元素

E[att*=”val”] 选择具有att属性且值中含有val的的E元素

 

结构伪类选择器

E：frist-child 匹配父元素中的第一个子元素E

E：last-child 匹配父元素中的最后一个E元素

E：nth-child(n) 匹配父元素中的第n个子元素E

E：frist-of-type 指定类型E的第一个

E：last-of-type 指定类型E的最后一个

E：nth-of-type(n) 指定类型E的第n个

nth-child(n) 选择某个父级元素的一个或多个特定的子元素

 

n可以是数字，关键字，公式

n如果是数字，就是选择第n个子元素，里面数字从1开始…

n可以是关键字：even偶数、odd奇数

公式 取值

2n 偶数

2n+1 奇数

5n 5 10 15….

n+5 从第五个到最后

-n+5 前五个(包括第五个)

 

伪元素选择器

::before 在元素内部的前面插入内容

::after 在元素内部的后面插入内容