摘要: 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口德 阅读(77) 评论(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口德 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 元素的显示与隐藏 本质: 让一个元素在页面中隐藏或者显示出来。 1、display属性,隐藏后不保留位置 1)display::none;隐藏对象 2)display:block;除了转换为块级元素之外,同时还有显示元素的意思。 display 隐藏元素后,不再占有原来的位置。 2、visibili 阅读全文
posted @ 2023-05-03 19:52 code口德 阅读(540) 评论(0) 推荐(0) 编辑
摘要: 学习目标 1)定位的4种分类 (四种定位)2)4种定位各自的特点 (4种定位各自的特点)3)常用子绝父相布局的原因 (子绝对、父相对布局)4)轮播图效果 5)显示隐藏的2种方式以及区别 定位 定位和浮动的不同 1)浮动可以让多个块级盒子一行没有缝隙排列品示 ,经常用于横向排列盒子。 2)定位则是可以 阅读全文
posted @ 2023-05-03 02:25 code口德 阅读(940) 评论(0) 推荐(0) 编辑