Web基础学习笔记--day3-阿南达文事网

Web基础学习笔记--day3

一、响应式设计
1.media样式

@media screen and (max-width:400px){/*当缩小屏幕为400px时*/.features{background:red;}
}

二.初识javascript
1.浏览器中编辑
快捷键：ctrl+shift+J
2.基础知识
var:代指变量

var name="Mei"
alert(name)//将会弹出"Mei"的提示
var name = prompt()//将会弹出文字框，输入的值赋给了name

if-else在javascript中也适用
3.在html中如何嵌套js
（1）标签中支持js语句
由于Js解析器执行速度很快，所以经常讲js放在程序的末端，造成加载很快的“假象"
（2）导入js文件

<script src="main.js"> </script>

4.js函数

function go(){alert("Hi");alert("Nice to meet you!");
}
go();

感觉进度有点快，可能都只学了个大概，所以打算在仔细练习一下html和css再开始js…

一、响应式设计
1.media样式

@media screen and (max-width:400px){/*当缩小屏幕为400px时*/.features{background:red;}
}

二.初识javascript
1.浏览器中编辑
快捷键：ctrl+shift+J
2.基础知识
var:代指变量

var name="Mei"
alert(name)//将会弹出"Mei"的提示
var name = prompt()//将会弹出文字框，输入的值赋给了name

<script src="main.js"> </script>

4.js函数

function go(){alert("Hi");alert("Nice to meet you!");
}
go();

感觉进度有点快，可能都只学了个大概，所以打算在仔细练习一下html和css再开始js…