-
// 添加页面加载完成时的事件,然后执行以下代码。
window.onload=function(){}
// 获取多个图片对象
var imgs = document.getElementsByTagName("img");//事件可以这样直接调用onclick触发
listBtn.onclick = function(){//可用for循环输出图片
for(var i=0;i<imgs.length;i++)
{
imgs[i].src = "http://img1.sycdn.imooc.com//53ab7d16000159a801640236.jpg";
imgs[i].parentNode.className = "a-img";
}查看全部 -
使用table不利于后期的维护查看全部
-
table布局的劣势查看全部
-
p a,p span{ display:block; line-height:23px; padding-left:10px; } line-height设置为auto或者直接删除，保证文字与小图片高度对齐查看全部
-
去掉ul的黑点 *{margin:0px;padding:0px} ul{list-style:none;} overflow:hidden重要的两个作用：把多余的部分裁减掉／清除浮动 1.图片的大小超过了a标签的范围： （通过a标签来限定img的大小，overflow隐藏部分） <a>标签为内联元素，所以给其设定宽高是达不到效果的，必须将其设置为块级元素。同时给其设定宽高后，其内部的大图片也会溢出，可以用overflow属性隐藏溢出部分。查看全部
-
css中，在一个位置上显示背景图片中的不同位置 {background: #fff url(...) no-repeat -38px 0px}; a标签直接给它宽和高是没有办法显示出来的，因此，可以给它一个display:block;使它形成块元素，。。。给它一个边框，且边框设置为红色。查看全部
-
div+ul,通过float浮动来制作标签查看全部
-
css中，在一个位置上显示背景图片中的不同位置 {background: #fff url(...) no-repeat -38px 0px};查看全部
-
再定义按钮的class值 是为了分别给两个按钮加背景 所以不用.top a查看全部
-
p a,p span{ display:block; line-height:23px; padding-left:10px; } line-height设置为auto或者直接删除，保证文字与小图片高度对齐查看全部
-
把代码里面的“//设置li样式”去掉就不会出现问题了查看全部
-
.small{width:50px;height:50px;display:block;float:left;margin:5px;}查看全部
-
在章节2-4里有按钮所需的图片 css sprite技术 基本的原理，就是利用background-postion的负值来进行调节。 当我们定位于background-position:-50px -50px;时发现图片向左上，移动了，也就以DIV的左上角为中心，图向左移动了50px，向上也移动了50px查看全部
-
一张图按照不同的定位显示不同的区域：背景定位 {background:(参数1背景颜色，参数2背景图片，参数3是否重复显示（no-repeat），参数4左位移定位， 参数5顶位移定位}; 如：{background：#fff url（../xx.jpg） no-repeat -50px -25px}查看全部
-
居中：margin：0 auto；按钮形式：<a href="#" title="列表模式"></a>查看全部
-
去掉ul的黑点 *{margin:0px;padding:0px} ul{list-style:none;}查看全部
-
先写HTML 后css查看全部
-
信息卡篇布局查看全部
举报
0/150
提交
取消