网页项目总结

a:focus {  outline:none;   -moz-outline:none;}

a标签点击不会出现虚线

 

@media (min-width:768px){.container{width:100%}}
@media (min-width:992px){.container{width:100%}}
@media (min-width:1200px){.container{width:100%}}

bootstrap控制屏幕大小的最小宽度

 

$(this).children('div').css("","");

修改当前div里面的div的样式

 

当滚动到指定div的时候开始变化

$(document).ready(function(e) 
{
      var off=$(".t").offset();  //获取DIV离四面的距离
　　var of=off.top 减去 div的高度;         //获取div顶部与网页顶端的距离
　　$(window).scroll(function()            //当用户滚动指定的元素时,会发生 scroll 事件       滚动监听事件
　　{
　　　　var scr=$(window).scrollTop();//获取滚动条当前下拉的距离
　　　　if(scr>of)
　　　　{
　　　　　　当滚动到div顶部时开始改变div的内容　
　　　　}
　　　　if(scr<of)
　　　　{
　　　　　　当滚动未到div顶部时还原div的内容　　
　　　　}

　　})
});

 

transition:all 0.5s ease-out 0s;

css3样式  从0秒开始变化  过程时间为0.5秒 

ease 规定慢速开始，然后变快，然后慢速结束的过渡效果;   ease-in 规定以慢速开始的过渡效果;   ease-out 规定以慢速结束的过渡效果;   ease-in-out 规定以慢速开始和结束的过渡效果