发表于: 2018-05-16 23:20:22
2 509
今天完成的事情:
1.完成任务8、9
【深度思考】
1.如何实现轮播图?
(1)套用boostrap 中的轮播组件
(2)css3 动画实现轮播
实例:
https://lionzhan.github.io/Demo/banner.html
2.如何用css写一个简单的幻灯片效果页面?
跟上题轮播图一样也是使用 css3 的 animation
3.主流浏览器内核有哪几种?
常见浏览器内核有五种:
1、Trident内核:(三叉戟)代表作品是IE,因IE捆绑在Windows中,所以占有极高的份额,又称为IE内核或MSHTML,此内核只能用于Windows平台,且不是开源的。 代表作品还有腾讯、Maxthon(遨游)、360浏览器等。但由于市场份额比较大,曾经出现脱离了W3C标准的时候,同时IE版本比较多, 存在很多的兼容性问题。
2、Gecko内核:(壁虎)代表作品是Firefox,即火狐浏览器。因火狐是最多的用户,故常被称为firefox内核它是开源的,最大优势是跨平台,在Microsoft Windows、Linux、MacOs X等主 要操作系统中使用。 Mozilla是网景公司在第一次浏览器大战败给微软之后创建的。
3、Webkit内核:(引擎)代表作品是Safari、曾经的Chrome,是开源的项目。
4、Presto内核:(说变就变)代表作品是Opera,Presto是由Opera Software开发的浏览器排版引擎,它是世界公认最快的渲染速度的引擎。在13年之后,Opera宣布加入谷歌阵营,弃用了 Presto
5、Blink内核:(闪亮)由Google和Opera Software开发的浏览器排版引擎,2013年4月发布。现在Chrome内核是Blink。谷歌还开发了自己的JS引擎,V8,使JS运行速度极大地提高了
4.什么是外边距重叠?重叠的结果是什么?
外边距重叠是两个容器在垂直方向上的边距重合,大的覆盖小的。
5.div+css的布局较table布局有什么优点?
1、符合W3C标准。这保证您的网站不会因为将来网络应用的升级而被淘汰。
2、对浏览者和浏览器更具亲和力。由于CSS富含丰富的样式,使页面更加灵活性,它可以根据不同的浏览器,而达到显示效果的统一和不变形。这样就支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是什么,您的网站都能很好的兼容。
3、使页面载入得更快。页面体积变小,浏览速度变快,由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。相对于表格嵌套的方式,DIV+CSS将页面独立成更多的区域,在打开页面的时候,逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里,使得加载速度很慢。
4、保持视觉的一致性。以往表格嵌套的制作方法,会使得页面与页面,或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法,将所有页面,或所有区域统一用CSS文件控制,就避免了不同区域或不同页面体现出的效果偏差。
5、修改设计时更有效率。由于使用了DIV+CSS制作方法,使内容和结构分离,在修改页面的时候更加容易省时。根据区域内容标记,到CSS里找到相应的ID,使得修改页面的时候更加方便,也不会破坏页面其他部分的布局样式,在团队开发中更容易分工合作而减少相互关联性。
6、搜索引擎更加友好。相对与传统的table,
6.bootstrap有哪些常用组件?
导航、轮播、下拉菜单,表单
7.css有哪些方式可以实现垂直居中?
(1)单行文字: line-height
(2) table-cell+vertical-align;inline-block
(3).绝对定位+transform(或者负的外边距)
(4) flex
8.margin负值在页面布局中有哪些应用?
https://www.cnblogs.com/xiaohuochai/p/5314289.html
1.如何使用bootstrap栅格系统?
2.媒体查询如何使用?
代表当页面宽度大于992px时,下面的css值会起作用
代表当页面宽度小于992px时,下面的css值会起作用
3.响应式的优点与缺点?
响应式的优点是 页面在任何设备上都有良好的表现
缺点就是增加开发的复杂度。
明天的计划:
css任务九
js高级程序设计 【第五章】
遇到的问题:
收获:
禅道的使用,把任务细分,有助于自己对任务的把控。
评论