-
使用 css 对图片进行定位,根据top、left 调整显示的范围查看全部
-
使用table的弊端查看全部
-
信息排列效果 多行多列查看全部
-
添加页面加载完成时的事件,然后执行以下代码 window.onload = function(){}查看全部
-
实现点击图片按钮完成卡片模式与列表模式的切换: 1、设计好各个效果的样式; 2、加载函数; 3、获取操作按钮; 4、针对按钮操作设计函数事件; 5、两种样式叠加在一起时,最后编辑的样式将被采用。所谓就近原则是指网页代码的执行是自上而下地顺序进行的,设计在最后的样式将覆盖前面的样式。查看全部
-
1、列表模式和卡片模式的区别: ① 两个按钮的class值的区别 ② 每个li里图片路径的区别 ③ 以及图片的父节点a标签里的class值的区别 2、实现列表模式和卡片模式切换的原理: 通过右上角图片按钮的点击事件改变上面三个区别的值,就能实现类似于两个页面的切换效果了 3、JS步骤: 当单击图片按钮时, ① 改变按钮的class的值 ② 改变每一个图片的路径以及它的对应的父节点的class的值 4、一些重要的写法: ① oBtn.className=""; ② aImg[i].src="./images/small.jpg"; ③ aImg[i].parentNode.className="a-img small";//这里边有两个class:a-img和small查看全部
-
1、这里给的注释方法//是错误了,所以导致页面显示不正确, 比如li设了overflow:hidden;图片溢出部分也没被裁切 2、解决方法:将注释方法//换成/**/就可以了 ◆小结:在CSS中注释要用多行注释/**/,而用单行注释//是错误的查看全部
-
这里将列表模式和卡片模式分别放在各自的html页面中(包括布局和CSS样式)查看全部
-
1、overflow:hidden;有两个重要的作用:①把多余的部分裁减掉 ②清除浮动 2、图片的大小超过了a标签的范围: <a>标签为内联元素,所以给其设定宽高是达不到效果的,必须将其设置为块级元素。同时给其设定宽高后,其内部的大图片也会溢出,可以用overflow属性隐藏溢出部分。 3、li设置浮动后,不会把父级标签ul撑起来,需要清除浮动--overflow:hidden;(给ul加overflow:hidden;) 4、父元素受到子元素float影响的话,只能用overflow:hidden;清除影响。用clear:both没用。查看全部
-
■右上角按钮图片的定位: 背景图片设置的代码顺序:background:颜色 路径 是否平铺 left top (透明度,如果有的话); 注:①left top的定位是以图片左上角为原点 ②可以用PS测距离大小:看信息面板里的W和H值 ③如果上面直接写left top 就相当于background-position:0 0;查看全部
-
多行多列布局 1、实现方式:html(div、ul、li )+css(float,overflow,background)。 2、不用table布局,原因是: ①不利于后期维护 ②不利于SEO(搜索引擎优化,因为百度的蜘蛛非常不喜欢table)。查看全部
-
overflow:hidden重要的两个作用:把多余的部分裁减掉/清除浮动 图片的大小超过了a标签的范围: <a>标签为内联元素,所以给其设定宽高是达不到效果的,必须将其设置为块级元素。同时给其设定宽高后,其内部的大图片也会溢出,可以用overflow属性隐藏溢出部分。查看全部
-
我去!css中的//去掉就对了!!!!!!!查看全部
-
Css这块是个坑啊 哭查看全部
-
测试通过查看全部
举报
0/150
提交
取消