摘要: 常用快捷键的整理 ctr1+C复制 ctr1+V粘贴 ctrl+Z撤销回到上一步操作 ctr1+D复制整行 ctr1+Z剪切整行 增加/删除单行注释ctrl+/ 增加/删除多行注释ctrl+shift+/ html注释<! > css注释/**/ JavaScript注释// ctrl+shift+ 阅读全文
posted @ 2021-01-08 15:19 鬼牛阿飞 阅读(1533) 评论(0) 推荐(0) 编辑
摘要: 思路:①z-index的结构/定位元素默认的z-index②z-index单位③能不能用子元素和父元素比较④父元素没有z-index,能不能通过子元素控制他们的层级=>改变层级,父元素z-indexz-index属性的特点 默认是书写顺序在后的定位元素覆盖在顺序前的定位元素 可以使用z-index属 阅读全文
posted @ 2021-01-08 15:17 鬼牛阿飞 阅读(304) 评论(0) 推荐(0) 编辑
摘要: 定位的值 position: absolute绝定位 position: relative相定位 position: fixed固定定位 定位的相同点和不同点 相同点: 可以 设置top/ bottom/ left/right四个方位值,如果同时有top、 bottom,只有top起作用;如果同有1 阅读全文
posted @ 2021-01-08 15:16 鬼牛阿飞 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 固定定位- position: fixed 脱离文档流; 参照物是浏览器的可视窗口;任何元素都可以设置固定定位; 可设置top/ bot tom/left/ right四个方位 可通过z-index改变层级 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta ch 阅读全文
posted @ 2021-01-08 15:15 鬼牛阿飞 阅读(464) 评论(0) 推荐(0) 编辑
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 /* 8 相对定位特点 9 1.不会离文档流 占位 所有后面的元素不会往前跑 10 2 阅读全文
posted @ 2021-01-08 15:12 鬼牛阿飞 阅读(161) 评论(0) 推荐(0) 编辑
摘要: clear:both的特点 元素需是块级元素 元素不能带有浮动属性 元素必须放在最后一个浮动元素的后面 用户是看不到这个元素的 clearfix清浮动方法的属性 浮动元素的父级选择器{*zoom:1;}/*只有ie7可识别 css hack写法* 浮动元素的父级选择器: 1 after{ 2 dis 阅读全文
posted @ 2021-01-08 15:11 鬼牛阿飞 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 /* 8 面试题:让元素消失在我们的视野中(发挥你的想象力) 9 1.透明度 opac 阅读全文
posted @ 2021-01-08 15:09 鬼牛阿飞 阅读(86) 评论(0) 推荐(0) 编辑
摘要: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 .left,.right{ 8 width: 200px; 9 height: 200 阅读全文
posted @ 2021-01-08 15:08 鬼牛阿飞 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 面试题:如何清浮动给浮动元素的父元素手动添加一个固定的高度(不推荐)给浮动元素的父元素设置overflow:hidden/auto.在浮动元素的父元素结束标签之前加一个具有块元素特点的标签(我们一般用 div),给元素加一个clear:both<divstyle=clear:both"></div> 阅读全文
posted @ 2021-01-08 15:07 鬼牛阿飞 阅读(108) 评论(0) 推荐(0) 编辑
摘要: 给父元素设置背景颜色属性不起作用 给父元素设置边框 border属性没有被撑开 给父元素设置内边距 padding属性也没有被撑开 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <st 阅读全文
posted @ 2021-01-08 09:36 鬼牛阿飞 阅读(107) 评论(0) 推荐(0) 编辑
摘要: left元素向左浮动; right元素向右浮动; none默认值。元素不浮动,并会显示在其在文本中出现的位置; iherit规定应该从父元素继承float属性的值 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <titl 阅读全文
posted @ 2021-01-08 09:35 鬼牛阿飞 阅读(95) 评论(0) 推荐(0) 编辑
摘要: 文档流:指的是元素排版布局过程中,元素会自动从左往右,从上往下的流式排列。并最 终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素 每个非浮动块级元素都独占一行,浮动元素则按规定浮在行的一端。若当前行容不下 则另起新行再浮动 内联元素也不会独占一行;几乎所有元素(包括块级,内联和列表元素)均 阅读全文
posted @ 2021-01-08 09:33 鬼牛阿飞 阅读(402) 评论(0) 推荐(0) 编辑
摘要: float元素的特点:浮动元素在一行显示!设置属性值为left时,浮动元素会依次从父级盒子的左侧向右排布,设置属性值为right时,浮动元素会依次从父级盒子的右侧向左排布浮动元素自动具有块级元素的属性浮动元素脱离文档流浮动元素内的子元素,不会继承浮动属性浮动元素下面的元素不能识别浮动元素的高度和位置 阅读全文
posted @ 2021-01-08 09:21 鬼牛阿飞 阅读(757) 评论(0) 推荐(0) 编辑