web基础知识

块级元素 独占一行冰能设置宽高的 ul 无序列表   dl 自定义列表 ol 有序列表 div h1-h6 li p 段落标签

内级元素 span a input b i 倾斜 s 原价使用

Opacity 全部透明 0-1

Paga 背景颜色透明 0-1

定位

相对定位 relative
绝对定位absolute
固定定位 flex

圆角 border-radius

图片居中 vertical-align: middle 图片垂直居中

A 的几种状态

a:link 默认

a:hover 鼠标滑过

a:visited 访问过后

a:active 鼠标触发

display:block 块

           :inline 行内

           :inline-block 行内块元素

           :none 隐藏不占位 , 隐藏行内元素

                   Visbility hidden 站位隐藏

                   Overflow hiden 溢出隐藏

引入 css 两种样式

Import 引入另一个 css 文件

Link

隐藏

盒模型的五要素 border content margin padding background

W3c 不包含 padding border

Ie 包含 padding border

_ 下划线会包容 ie6 的兼容

Clip 切除 …

1 行文字超出显示省略号

overflow:hidden;

text-overflow:ellipsis; 

write-space:nowrap;

2 行 overflow:hidden;

text-overflow:ellipsis ;

display:-webkit-box; 

-webkit-line-clamp:2;

-webkit-box-orient:vertical;

火狐浏览器内核

-moz

IE 内核

-ms

谷歌内核

Webkit

less 是css的预处理器

定义数组的方法

var arr=new array(3)

arr=['','']

arr[0]="";

//数组的操作方法

string对象方法

charAt 返回在指定位置的字符

match 找到一个或多个正则表达式的匹配

fixed 以打印机文本显示字符串

indexOf 检索字符串

replace 替换正则表达式的子串

search 检索正则表达式相匹配的值

slice 提取字符串的片段,并在新字符串种返回被提取的部分

sub 把字符串 显示为下标

substr 从起始索引引号提取字符中指定数目的字符

substring 提取字符串中两个指定的索引号之间的字符

sup把字符串显示为上标

//h5新添标签

header

section

footer

article

aside

nav