-
一、制作静态网页的样式 1. 按钮(卡片模式和列表模式)的样式 2. 卡片模式和列表模式中的图片和文字的样式 二、使用JS实现，点击不同的按钮(卡片模式和列表模式)显示不同的模式。查看全部
-
代码修改查看全部
-
实现点击图片按钮完成卡片模式与列表模式的切换 1.设计好两种显示模式的样式 2.添加页面加载函数 3.获取操作按钮，添加点击响应事件 4.两种样式叠加在一起时，最后编辑的样式将被采用。所谓就近原则是指网页代码的执行是自上而下地顺序进行的，设计在最后的样式将覆盖前面的样式。查看全部
-
overflow:hidden重要的两个作用：把多余的部分裁减掉／清除浮动 1.图片的大小超过了a标签的范围： （通过a标签来限定img的大小，overflow隐藏部分） <a>标签为内联元素，所以给其设定宽高是达不到效果的，必须将其设置为块级元素。同时给其设定宽高后，其内部的大图片也会溢出，可以用overflow属性隐藏溢出部分。 2.li设置浮动后，不会把父级标签ul撑起来，需要清除浮动--overflow:hidden;（给ul加overflow:hidden;）查看全部
-
overflow:hidden重要的两个作用：把多余的部分裁减掉／清除浮动 1.图片的大小超过了a标签的范围： （通过a标签来限定img的大小，overflow隐藏部分） <a>标签为内联元素，所以给其设定宽高是达不到效果的，必须将其设置为块级元素。同时给其设定宽高后，其内部的大图片也会溢出，可以用overflow属性隐藏溢出部分。查看全部
-
切换效果，即改变显示的样式 class值还可以新加一个列如加一个small<a href="#" class="a-img small">如是.small引用了small的所有内容都会发生样式变化 如是.a-img .small说明在引用a-img的标签下引用small的内容发生样式变化。查看全部
-
overflow:hidden重要的两个作用：把多余的部分裁减掉／清除浮动 1.图片的大小超过了a标签的范围： （通过a标签来限定img的大小，overflow隐藏部分） <a>标签为内联元素，所以给其设定宽高是达不到效果的，必须将其设置为块级元素。同时给其设定宽高后，其内部的大图片也会溢出，可以用overflow属性隐藏溢出部分。 2.li设置浮动后，不会把父级标签ul撑起来，需要清除浮动--overflow:hidden;（给ul加overflow:hidden;）查看全部
-
css sprite技术 基本的原理，就是利用background-postion的负值来进行调节。 当我们定位于background-position:-50px -50px;时发现图片向左上，移动了，也就以DIV的左上角为中心，图向左移动了50PX，向右也移动了50PX．查看全部
-
1、列表模式和卡片模式的区别： ① 两个按钮的className的区别 ② 每个li里图片img路径的区别 ③ 以及图片的父节点a标签里的class值的区别a.parentNode查看全部
-
overflow:hidden重要的两个作用：把多余的部分裁减掉／清除浮动 1.图片的大小超过了a标签的范围： （通过a标签来限定img的大小，overflow隐藏部分） <a>标签为内联元素，所以给其设定宽高是达不到效果的，必须将其设置为块级元素。同时给其设定宽高后，其内部的大图片也会溢出，可以用overflow属性隐藏溢出部分。 2.li设置浮动后，不会把父级标签ul撑起来，需要清除浮动--overflow:hidden;（给ul加overflow:hidden;）查看全部
-
css sprite技术 基本的原理，就是利用background-postion的负值来进行调节。 当我们定位于background-position:-50px -50px;时发现图片向左上，移动了，也就以DIV的左上角为中心，图向左移动了50PX，向右也移动了50PX． ■右上角按钮图片的定位： 背景图片设置的代码顺序：background:颜色 路径 是否平铺 left top (透明度,如果有的话); 按钮设置<a href="#" title="列表模式"></a>；a是内联元素，设置display：block 记得a标签的title属性查看全部
-
overflow:hidden重要的两个作用：把多余的部分裁减掉／清除浮动 1.图片的大小超过了a标签的范围： <a>标签为内联元素，所以给其设定宽高是达不到效果的，必须将其设置为块级元素。同时给其设定宽高后，其内部的大图片也会溢出，可以用overflow属性隐藏溢出部分。 2.li设置浮动后，不会把父级标签ul撑起来，需要清除浮动--overflow:hidden;（给ul加overflow:hidden;）查看全部
-
css sprite技术 基本的原理，就是利用background-postion的负值来进行调节。 当我们定位于background-position:-50px -50px;时发现图片向左上，移动了，也就以DIV的左上角为中心，图向左移动了50PX，向右也移动了50PX． ■右上角按钮图片的定位： 背景图片设置的代码顺序：background:颜色 路径 是否平铺 left top (透明度,如果有的话); 注：①left top的定位是以图片左上角为原点 ②可以用PS测距离大小：看信息面板里的W和H值 ③如果上面直接写left top 就相当于background-position:0 0; 按钮设置<a href="#" title="列表模式"></a>；a是内联元素，设置display：block查看全部
-
信息排列布局 最终版查看全部
-
信息排列布局查看全部
举报
0/150
提交
取消