前端开发课程体系
《HTML & CSS》
第一章:初识前端开发
- 什么是编程——程序设计是一门艺术
- 前端开发语言介绍
- HTML http://zh.wikipedia.org/wiki/HTML
当你使用捕获型事件时
| |
---------------| |-----------------
| element1 | | |
| -----------| |----------- |
| |element2 \ / | |
{ | |
"editor.fontSize": 16, | |
"terminal.integrated.shell.windows": "C:\\windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe", | |
"typescript.npm": "C:\\Program Files\\nodejs\\npm.cmd", | |
"git.autofetch": true, | |
"eslint.enable": true, | |
"eslint.autoFixOnSave": false, | |
"npm.enableScriptExplorer" : true, | |
"editor.renderWhitespace": "boundary", | |
"material-icon-theme.activeIconPack": "react_redux", |
<?php | |
/** | |
* The helper class file of ZenTaoPHP framework. | |
* | |
* The author disclaims copyright to this source code. In place of | |
* a legal notice, here is a blessing: | |
* | |
* May you do good and not evil. | |
* May you find forgiveness for yourself and forgive others. | |
* May you share freely, never taking more than you give. |
// 网页上的每个元素,都有clientHeight和clientWidth属性, | |
// 这两个属性指元素的内容部分再加上padding的所占据的视觉面积,不包括border和滚动条占用的空间。 | |
// 网页上的每个元素还有scrollHeight和scrollWidth属性,指包含滚动条在内的该元素的视觉面积。 | |
// 大多数情况下,都是document.documentElement.clientWidth返回正确值。 | |
// 但是,在IE6的quirks模式中,document.body.clientWidth返回正确的值,因此函数中加入了对文档模式的判断。 | |
// 方案1 | |
// 必须在页面加载完成后才能运行,否则document对象还没生成,浏览器会报错 | |
// clientWidth和clientHeight都是只读属性,不能对它们赋值 |
考察对ES6的掌握程度,说的越多越好,只要说出下面的一些关键词就行。
根据已有html结构,用CSS3完成图1的布局,主要考察对CSS3新属性 display: -webkit-flex
flex
或 display: box
box-flex
的掌握程度。
如果能写出以上几个属性,并了解这些属性的作用,就算掌握CSS3新布局方式。
参考资料 参考 http://www.inserthtml.com/2012/05/css3-flex-box-specification-change-layout-design/
<!--已知的html结构,不能修改-->
<div id="header"></div>