• 如何让页面不随屏幕大小差异造成布局破坏

  • 只要在最外面再套一层div，然后给这个div赋一个固定的长宽就可以了。
    代码是这样：
    比如在最外层套一个

    main的css代码如下：
    #main{
    width:1230px;
    height:500px;
    MARGIN-RIGHT: auto;
    MARGIN-LEFT: auto;
    }
    放到你的body标签后面、。。。亲测！

- 如何让元素始终在页面最顶层

  • 将该元素设置如下属性：

  •   position:absolute/fixed;//z-index生效前提
     z-index: 999;

  • z-index值越大，越在上面，-1表示在最底层，-2更底层

- 如何jquery去掉元素的某个css属性

  • 将值设为空字符串就好，如：

  • $(’#test’).css(‘display’, ‘’)；

- 如何去除列表圆点

  • 列表添加如下css属性：

  •         list-style-type: none;

  • 列表横向排列

  • 把列表的li的display改为inline

  • display: none , visibility: hidden, opacity:0 有什么作用？有什么区别？

 display:none             使该元素消失丢失宽高，脱离文档流；浏览器不加载该元素。；
  visibility:none          隐藏该元素不丢失宽高，不脱离文档流，占位，浏览器加载该元素。
  opacity:0                透明度为零隐藏该元素不丢失宽高，不脱离文档流。占位，浏览器加载该元素。

 `注：文档流简单来说就是文档中显示对象所占的位置。`
  • a去下划线，个性化
 a{
            text-decoration: none;
        }

link:连接平常的状态
visited:连接被访问过之后
hover:鼠标放到连接上的时候
active:连接被按下的时候
a:hover定义一定要放在a:link、a:visited的后面

a:link{
            color:blue;
        }
a:visited{
            color:yellow;
        }
a:hover{
     color:red;
 }
 a:active{
            color:black;
        }
  • a如何做到鼠标放上去不变色
  • 增加color属性
  • a{ color:(你想要的颜色) }

-如何把子元素定位到相对于父元素靠右100px,靠下100px

  • 如果absolute元素没有position:static以外的父元素，那将相对body定位,而一旦父元素被设为relative，那absolute子元素将相对于其父元素定位
  • 首先将父元素
  • position: relative;
  • 然后子元素
left: 100px;/*相对父元素*/
  top:100px;
  • 元素垂直居中
  • 除了通过pading外，还可以通过为子元素设置
  • vertical-align：middle
  • 前提：父元素必须指定line-height，才有效