欢迎来到天天文库
浏览记录
ID:29741531
大小:27.12 KB
页数:23页
时间:2018-12-23
《web前端年终总结》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、为了适应公司新战略的发展,保障停车场安保新项目的正常、顺利开展,特制定安保从业人员的业务技能及个人素质的培训计划web前端年终总结 ?1、正确使用HTML和CSS实现以下效果: a.对于该图片和文字的布局,可使用定位来解决。外层容器相对定位,里面的图片和文字列表绝对定位,就可以实现上图的效果了。 :inline-block;将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。(准确地说,应用此特性的元素呈现为内联对象,周围元素保持在同一行,但可以设置宽度和高度地块元素
2、的属性)并不是所有浏览器都支持此属性,目前支持的浏览器有:Opera、Safari在IE中对内联元素使用 display:inline-block,IE是不识别的,但使用display:inline-block在IE下会触发layout,从而使内联元素拥有了display:inline-block属性的表症。从上面的这个分析,也不难理解为什么IE下,对块元素设置display:inline-block属性无法实现inline-block的效果。这时块元素仅仅是被 display:inline-block触发了la
3、yout,而它本就是行布局,所以触发后,块元素依然还是行布局,而不会如Opera中块元素呈递为内联对象。 IE下块元素如何实现display:inline-block的效果?目的-通过该培训员工可对保安行业有初步了解,并感受到安保行业的发展的巨大潜力,可提升其的专业水平,并确保其在这个行业的安全感。为了适应公司新战略的发展,保障停车场安保新项目的正常、顺利开展,特制定安保从业人员的业务技能及个人素质的培训计划 有两种方法: 1、先使用display:inline-block属性触发块元素,然后再定义displa
4、y:inline,让块元素呈递为内联对象。代码如下: div{display:inline-block;...} div{display:inline;} 2、直接让块元素设置为内联对象呈递,然后触发块元素的layout。代码如下: div{display:inline;zoom:1;...} 代码如下: 点此查看 度。 清除浮动方法: 添加额外(空)标签 通过在浮动元素末尾添加一个空的标签例如 优点:通俗易懂,容易掌握; 缺点:增加无意义的标签,有违结构与表现的分离。 父元素设置overf
5、low:hidden 通过设置父元素overflow值为hidden ;在IE6中还需要触发hasLayout,例如zoom:1;优点:不存在结构和语义化问题,代码量极少;目的-通过该培训员工可对保安行业有初步了解,并感受到安保行业的发展的巨大潜力,可提升其的专业水平,并确保其在这个行业的安全感。为了适应公司新战略的发展,保障停车场安保新项目的正常、顺利开展,特制定安保从业人员的业务技能及个人素质的培训计划 缺点:内容增多时候容易造成不会自动换行导致内容被隐藏掉,无法显示需要溢出的元素。 父元素也设置浮动
6、优点:不存在结构和语义化问题,代码量极少; 缺点:使得与父元素相邻的元素的布局会受到影响,不可能一直浮动到body,不推荐使用。 给父元素添加clearfix类 由于IE6-7不支持:after,使用zoom:1触发hasLayout。 优点:结构和语义化完全正确,代码量居中; 缺点:复用方式不当会造成代码量增加。 clearfix类代码如下: //:after会在元素内容——而不是元素后面插入一个伪素,该规则只添加了一个清除的包含句点作为非浮动元素,注意,:after不是伪类,而是伪元素 .clea
7、rfix:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; }//触发IE6、7下的haslayout .clearfix{*zoom:1;目的-通过该培训员工可对保安行业有初步了解,并感受到安保行业的发展的巨大潜力,可提升其的专业水平,并确保其在这个行业的安全感。为了适应公司新战略的发展,保障停车场安保新项目的正常、顺利开展,特制定安保从业人员的业务技能及个人素质的培训计划 } ?4、如何让一段文
8、本中的所有英文单词的首字母大写 ?5、 1)tite与h1的区别:标签定义文档的标题。 title元素在所有HTML文档中是必需的。 title元素: ? ? ? 定义浏览器工具栏中的标题提供页面被添加到收藏夹时的标题显示在搜索引擎结果中的页面标题注释:一个文档中不能有一个以上的元素。定义文章的标题。突出文章主题,用H1,面对的
此文档下载收益归作者所有