摘要: 1、高度塌陷 原因:父元素没有设置高度,子元素设置浮动属性(float:left)之后,父元素的高度为0.*** <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compati 阅读全文
posted @ 2023-06-20 12:43 code口德 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 目标: 1)项目规划 2)首页制作 3)列表页制作 4)注册页制作 5)域名注册与网站上传 项目规划 1、网站制作流程(八步) 2、项目整体介绍 项目名称:品优购 项目描述:品优购是一个电商网站。要完成PC端首页、列表页、注册页面的制作 3、项目学习目的 1)电商类网站比较綜合 ,里面需要大量的布局 阅读全文
posted @ 2023-06-20 12:36 code口德 阅读(26) 评论(0) 推荐(0) 编辑
摘要: 3D转换 转换: 1)3d移动 translate3d 2)3d旋转 rotate3d 3D的特点: 1)近大远小 2)物体后面遮挡不可见 3D转换:我们工作最常用的 3D位移 和 3D旋转 主要知识点: 1、三维坐标系 (z轴,z外(屏幕)+,z内(屏幕)-) 三维坐标系其实就是指立体空间,立体空 阅读全文
posted @ 2023-06-20 12:27 code口德 阅读(355) 评论(0) 推荐(0) 编辑
摘要: 动画 动画(animation)是CSS3中具有颠覆性特征之一,可通过设置多个节点来精确控制一个或一组动画。常用来实现复杂的动画效果。 相比较过渡,动画可以实现更多变化,更多控制,连续自动播放等效果。动画的优点(与过渡相比更好) 1、动画的基本使用(先定义后调用) 制作动画分为两步: 1)先定义动画 阅读全文
posted @ 2023-06-20 11:47 code口德 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 2D转换 转换 (transform)是CS53中具有颠覆性的特征之一,可I以实现元素的位移、旋转、缩放等效果,可以简单理解为变形 1)移动: translate 2)旋转:rotate 3)缩放:scale 1、二维坐标系(x右+,x左-)(y下+,y上-) 2D转换是改变标签在二维平面上的位置和 阅读全文
posted @ 2023-06-20 11:40 code口德 阅读(124) 评论(0) 推荐(0) 编辑
摘要: CSS3 新特性 1、CSS3 现状 1) 新增的CSS3特性有兼容性问题,ie9+才支持 2) 移动端支持优于PC 端 3.)不断改进中,应用相对广泛 2、CSS3 新增选择器 CSS3给我们新增了选择器,可以更加便捷,更加自由的选择目标元素。 1)属性选择器 2)结构伪类选择器 3)伪元素选择器 阅读全文
posted @ 2023-05-03 22:06 code口德 阅读(90) 评论(0) 推荐(0) 编辑
摘要: 目标: 能够说出3~5个HTML5 新增布局和表单标签 能够说出CSS3的新增特性有哪些 HTML5的新特性 HTML的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。 新特性都有兼容性问题,基本是IE9 + 以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这 阅读全文
posted @ 2023-05-03 20:57 code口德 阅读(76) 评论(0) 推荐(0) 编辑
摘要: 用户界面样式 1)鼠标样式 cursor li { cursor: pointer ;} 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 2、轮廓线 outline 给表单添加outline:0;或者outline:none;样式之后,就可以去掉默认的蓝色边框( 选中情况下 )。 3 阅读全文
posted @ 2023-05-03 20:42 code口德 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 学习目标: 1)精灵图 2)字体图标 3)CSS三角 4)CSS用户界面样式 5)vertical-align属性应用 6)溢出的文字省略号显示 7)常见的布局技巧 1、精灵图 1)需要精灵图的原因 (减少网页多张小图片的多次服务器请求) 网页中有很多小的背景图,过多的图片。会导致服务器频繁的接收和 阅读全文
posted @ 2023-05-03 20:17 code口德 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 元素的显示与隐藏 本质: 让一个元素在页面中隐藏或者显示出来。 1、display属性,隐藏后不保留位置 1)display::none;隐藏对象 2)display:block;除了转换为块级元素之外,同时还有显示元素的意思。 display 隐藏元素后,不再占有原来的位置。 2、visibili 阅读全文
posted @ 2023-05-03 19:52 code口德 阅读(528) 评论(0) 推荐(0) 编辑