这次例会主要讲了bing的部分页面样式的实现,以及介绍了一点点Javascript(时间原因约等于没讲)。
主要提到以下几个内容:
chrome开发者工具
- 通过elements与style区域来寻找页面的标签以及其匹配的css属性
- 通过它来检查标签的布局情况,借用来css盒子模型里面
- 尝试在里面增加、修改、删除html元素或者是css属性的值,观察网页的变化
- (未讲完的)去尝试探寻其他开发者工具区域的作用,比如network、resources……
div与CSS定位
- position的几个值absolute、relative、fixed、static对于div标签的影响
- (未讲完的)float、display、z-index这些属性的作用与关系,w3school里面css定位的章节需要细看
bing页面部分
- 如何去划分网页不同的块,以方便定位布局
- 利用:hover这些选择器去实现一些动态的功能
- 利用background-position属性在一张大图中去截取所需要的图标
- 稍微提到了网页的交互动态功能依赖JavaScript
JavaScript
- 一门正经的编程语言,我们可以用JS捕捉不同的事件然后操作DOM去修改html元素或者CSS属性的值
- (未讲完的)有意前端的,JavaScript是你最大的舞台,有意的可以去看下原生JavaScript的语法以及jQuery
这周要考核
恩,对,这周需要考核,考核内容稍后公布
网友评论