HTML+CSS-Day05

(1)复习昨天重点

(2)整体课程分析    第一个月: 数据库 mysql ;js基础;nodejs (假像)   #学完扩展 黑米 1 2 3    第二个月:  css (多花时间;反复练)    第三个月: 难点高峰                js高级(面试);dom/bom(简单);jquery(简单);vue(吃饭工具)              给我发微信    第四个月: 高级框架;小程序(注意)                自己找一些项目做(二个月)  2~3个; 3~6个  给我发微信    第五个月: 高级框架

(3)完成昌农贷二楼   (3.1)清除浮动      --在网页设计中常用一个命令 float:left;  float:right;      --左移动 右移动(浮动向左  浮动向右)      --浮动坑也不小,如果当前元素发生浮动后影响后面元素位置      <div style="float:left;"></div>      <div style="height:0;clear:both"></div>      位置受到影响: <img>  <div> </div>      --多加一个标签清除浮动影响 <div></div> 高度为0不能让用户看      --clear:both;两端清除浮动

分析标签: (1)爹最外层 div  width:100%;height:140px;background-color:#fff; (2)中间版心 div  width:1200px;height:140px;margin:0 auto; (3)版心中间二个兄弟    <div><img style="margin-top:44px;" src="cnd.png"></div>    <div>           <a href="#">超链接</a><a href="#">我要投资</a>    </div>

(4)(javascript简写 js)基础入门   学习javascript    (4.1)基本概念与一些常见语法    (4.2)二组件对象DOM/BOM 网页动画    (4.3)js高级特性

(4.1)基本概念与一些常见语法    是什么:javascript 是一种(前端开发)与后端开发通用编程语言    能做什么:网页动态效果;网页游戏;开发后端程序

(2)javascript 常用基本语法    -什么是变量       变量在程序中专门用于保存数据   俗称 盒子    -变量作用         保存数据    -什么时候需要变量 如果你需要多次使用同一个数据时    示例:变量保存飞机子弹数量 200  开枪少 199    标准语法:    (1)创建变量     #买了一个盒子,盒子叫c      var  c;    (2)给变量赋值(放)   #将东西放在盒子里      c = 200;    #javascript语言大写字母与小写字母一定区分    #javascript变量名有一定要求      (1)变量名只能是[字母 数字 下划线 $]并且不能数字开头         var name;         #ok         var user name;     #error 中间有一个空格         var 123age;        #error数字开头         var name-age;      #error 中划线         var 用户名;        #error        (2)变量名不能使用javascript自己使用单词(关键字;保存字)        var var2 ;      (3)建议变量名:最好用英文单词(少许拼音)        var  tigerName;   var tigerAge;    var userName;      (4)创建变量简写        var name;        name = "旺财";        简写:  var name = "旺财";

2:第二个javascript 小概念:数据类型     基本数据类型:变量可以保存什么样数据     (1)数字类型         200(整数)   0.5(小数-浮点数)     (2)字符串类型       "旺财 abc 3993"     (3)布尔类型         true(对|真)  false (不对|假)     (4)未定义           undefined     #听个名字     (5)空               null          #听个名字     ..

示例:创建二个变量保存  商品名称  商品价格  是否付款          var commodity =  "花雕酒";   #字符串          var price = 19.99;             #数字类型          var payment = true;           #是否付款     #如果你不知道用哪种类型用  "" 字符串

任务:创建四个变量保存  笔记本名称 笔记本简介 笔记本图片                            笔记本价格

(3)javascript 运算符

(3.1)算术运算符   +     -      *    /   %   ++  --        +   加法        -    减法        *    乘法        /    除法        %   取余(取模)       10%3=1    10/3=3 余 1        ++   自增        --    自减        举示例:创建变量保存年龄过年长一岁        var   age = 19;        age = age + 1;    # 第一步 19 + 1 = [20] 第二步  age = 20;        举示例:创建变量保存商品价格 双11 8折  10*0.8=        var price = 10000;        price = price * 0.8; #第一步 8000;   第二步 price = 8000;        举示例:自增 ++ 自减  --         概念:将变量中值取中加一后再次保存回变量中  自增 ++              将变量中值取中减一后再次保存回变量中  自减 --         var i = 10;         i++;       #二步: 第一步:  [10+1]=11 ;第二步i = 11         alert(i);    #11         var j = 1;         j--;        #二步:第一步  [1-1]= 0;第二步  j = 0;         alert(j);    #0

(3.2)关系运算符       #运算符结果不是true 就是 false      >  大于 < 小于  >=大于等于  <=小于等于      == 相等 !=不等   === 全等  !== 不等于     var price = 3999;     var rs = price > 5000;   #true真  false 假     var age = 19;     var rs =  age > 18;     #true 正确 false 不正确