最近用到的前端知识

1.行内元素:

  水平居中:text-align:center;

  垂直居中: line-height:(父元素的height);

2.块元素:

  水平居中:a. 设置margin:0 auto;

       b.设置 position:relative/absolute/fixed;和left和margin-left;

  垂直居中:a. 设置父元素的padding;

       b. 设置position,top和margin-top;

       c.绝对居中:父元素相对定位,子元素绝对定位;

3.设置margin-right时没有用:

  仔细一看时因为a标签为行内元素,解决办法:diaplay:block;或display:inline-block;

4.如何从右开始排列元素:float:right;

5.清除input和button之间的间距:父元素:font-size:0px;(注意:需重新设置子元素的字体大小)

6.选择器:

  后代选择器:h1 em {};

  子元素选择器:h1 > em {};

  相邻兄弟选择器:h1 + p {};

7.display:none;---->此元素不会被显示

8.$().each();----->为每个匹配元素规定函数

9.Math.random();------>返回0~1之间的一个随机数

  Math.round();------>把数字四舍五入成最接近的整数(.5向上舍入)

10.$().attr();---->返回被选元素的属性值

原文地址:https://www.cnblogs.com/xiaodongxiaodong/p/8763404.html