一.css
-
选择器权重
!important infinity正无穷;
行间样式 1000;
id 100;
class/属性/伪类 10;
标签/伪元素 1;
通配符 0; -
盒子模型:上右下左,上-左右-下
-
两个元素(父子):宽高一致,充满
-
position:fixed; 广告定位,你怎么动他不动
页面居中:position:fixed;
left:50%;
top:50%; -
margin塌陷:父子嵌套垂直方向的margin结合到一起,取最大值;兄弟结构的元素垂直方向margin合并
-
触发盒子bfc:① position:absolute;
② display:inline-block;
③ overflow:hidden;
④ float:left/right -
实现文字环绕浮动图片:img{float:left}
-
清除浮动三件套:wrapper::after{
content:"";
clear:both;
display:block;
} -
溢出容器:单行文本:white-space:nowrap;----超出容器部分不换行
overflow:hidden;
text-flow:ellipsis;
多行文本截断:overflow:hidden; -
标准盒模型:总宽度 = border(左右) + width + padding(左右)
总高度 = border(上下) + width + padding(上下)
IE盒模型(怪异盒模型):总宽度 = width;总高度 = height;box-sizing = border-box二.h5
-
新增多媒体标签
audio
autoplay = “autoplay” 音频在就绪之后马上播放
controls = “controls” 向用户展示控件,例如播放按钮
loop = “loop” 音频结束时重新开始播放
src = “url” 要播放音频的url -----单标签
video
属性 值
name 用户自定义 控件名称
value 用户自定义 input控件中默认文本值
size 正整数 input控件中页面显示宽度
checked checked 定义选择控件默认被选中的项
maxiength 正整数 控件允许输入的最多字符 -
新增input表单属性:email,url,date,time,month,week,number,tel,search,color(生成一个颜色选择表单),text(单行文本),file(文件域/多个文件),button(普通按钮),reset(重置按钮),image(图像形式提交按钮)
-
表单属性
required = “required” 内容必填
placeholder = “请输入” 提示文本,占位符
autofocus = “autofocus” 自动获取焦点
autocomplete = “off/on” (必须要有name属性,同时成功提交) on:显示之前搜索过的内容
multiple = “multiple” 多选文件进行提交 -
- 整体标签在新标签页中/原窗口打开
-
border 表格边框
cellspacing 格与格边框之间的空白区域 px
cellpadding 内容与边框之间空白区域 px
width 表格宽 px
height 表格高 px
align 在网页中对齐方式 left/center/right -
三.css3
对象收编变量
例如: