发表于: 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高级程序设计 【第五章】

遇到的问题:

收获:

禅道的使用,把任务细分,有助于自己对任务的把控。


返回列表 返回列表
评论

    分享到