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