css的简介

1、CSS和HTML的结合方式

• style标签
• 使用html的标签实现<style>标签，写在head里面
• 在style标签里面使用语句（不常用）
• 使用link头文件，引入外部CSS文件
  2、CSS的基本选择器
  一 标签选择器 二 class选择器 .名称引用 三 id选择器 #名称引用
  3、CSS的扩展选择器（了解即可）
• 关联选择器 嵌套式使用 div p ()
• 组合选择器 不同标签具有相同的样式 div,p()
• 伪元素选择器
  例如：超链接的状态
  原始：link 悬停：hover 点击：active 点击之后：visited //设置不同状态
  4、盒子模型
• 边框 border:2px solid red;
  上下左右 border-top border-bottom border-left border-right
• 内边距 padding:20px
  上下左右 ...
• 外边距 margin:20px
  上下左右...
  //对数据进行操作，需要把数据放到一个区域里面（div）
  5、布局的漂浮
  float
• left:后边的div到右边
• right:后边的div到左边
  6、布局的定位（了解即可）
  position
• absolute //从文档中拖出
• relative //不会从文档中拖出
  7、图文混排
  *图片文字一起显示
  <img src ="图片的名字"> //放图片
  8、图像签名
  *图片上显示文字

javascript

1、什么是javascript

• 基于对象和驱动的语言，应用与客户端
• 特点：交互性 安全性 跨平台性
• 组成：1 语法语句 2 BOM 3 DOM
  js和html的结合方式
  第一种<script type="text/javascript"> js代码；</script>
  第二种 使用scrpit文件
  2、js的数据类型
  5种原始数据类型
  string number boolean null undifined
  *定义变量使用 var
  3、js的语句
  if switch for while do-while
  4、 js的运算符
  字符串的操作 （字符串的相加：连接 相减：执行相减运算）
  boolean类型相加
  ture:1 false:0
  5、 == 和 === 的区别
  ==：表示判断值 ===：表示判断值和类型
  6、 js的数组
  三种定义方式
  1.var arr = [1,2,"3"];
  2.var arr1 = new Array(9);//数组的长度为9
  3.var arr2 = new Array(1,2,3);//元素是1 2 3
  属性 length 表述数组的长度
  7、 js的函数
• function add(a,b){方法体和返回值；}
• var add1 = function(m,n){方法体和返回值；}
• var add2 = new Function("a,b","方法体和返回值")；
  *****不要忘记调用函数，不然不起作用
  8、 js的全局变量和局部变量
• 全局变量：在页面中任何js的部分 ，都可以使用
• 局部变量：在方法内部定义一个变量，这个变量只能在方法内部使用
  9、script标签位置
  建议放在</body>后面