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>后面