一、flex布局和grid布局
1.注意点
flex项目属性:
flex-basis属性和width属性同时使用时,会使该项目的宽度固定为这两个属性中宽度的最大值。
即
width: 100px;
flex-basis: 200px;
结果:一个宽度固定为200px的盒子。
2.flex布局教程链接(转载)
文字教程:
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
视频教程:
https://b23.tv/52OdZg
3.grid布局教程链接(转载)
文字教程:http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html
视频教程:
https://b23.tv/ulHKVO
二、JavaScript
1.引入JavaScript
三种方式:行内引入,内部引入,外部引入。
行内引入与内部引入的选择:
JavaScript脚本可以放在head和body里面(可以同时放),不过一般把函数和其他的分开,函数放在head或页面底部,这样可以让页面的内容更清晰。
2.语法规范
在 JavaScript 中,用分号来结束语句是可选可不选的。但最好加上,因为浏览器是自动解析语句然后添加分号,一会占用系统资源,二可能会解析错误语义,在错误的位置添加分号。
HTML不区分大小写,而JavaScript严格区分大小写。
3.输出
控制浏览器弹出一个警告框
alert(“contents”);
在页面中输出一个内容
document.write(“contents”);
向body中输出一个内容
document.write(“contents”);
向控制台输出一个内容
console.log(“contents”);
4.字面量和变量
字面量:
字面量,都是一些不可改变的值。
字面量可以直接使用,但是我们一般都不会直接使用字面量。
变量:
变量可以用来保存字面量,而且变量的值是可以任意改变的。
使用偏好:
变量更加方便我们使用(便于 写和修改 它的值),所以在开发中都是通过变量去保存一个字面量,而很少直接使用字面量。
三、英语全称收集
有序列表ol 即 ordered list
无序列表ul 即 unordered list
src 即 source的缩写