发表于： 2017-11-02 23:21:14
1 757
今日完成
css基础学习，js基础学习
1.css
(1)css与html的结合
css与html结合的四种方式：
* 在html的标签上，提供了一个(属性)，style="CSS的代码"
* 在HTML的文件，提供了一个(标签) <style type="text/css">CSS的代码</style>，这个标签放在<head></head>的中间
* 引入外部的文件的方式（引入CSS的文件，定义一个css文件（后缀名名 demo.css））（经常使用的方式）
@import url("CSS文件的地址"); 属性必须要写<style></style>内部。大写和小写都没有问题。（注意：必须有;）
* 引入外部文件的方式，通过一个<link> 写在<head></head>中间， 不要放在<style>中间（经常使用）
* rel：代表当前和引入文件之间的关系
* type：
* href：引入CSS文件的地址
（2）css的选择器
* 标签名选择器 div{} span{}
* 类选择器：在HTML的标签上，提供了属性 class，定位到div的标签（美工经常使用的方式）
* 写法： .class的名称 (.hehe{CSS的代码})
* 设置不同的标签，具有相同的样式
* ID选择器
* 在HTML的标签上，提供的属性 设置样式
* 写法： #id的名称 (#haha{CSS的代码})
* 一般情况下：设置不同的ID
* 一般情况下给js语言来使用。
（3）css的扩展选择器
* 关联选择器：标签可以嵌套，标签与标签之间的关系。
* 写法： 中间用空格隔开 例子（div font{CSS的代码}）
* 组合选择器：对多个不同的选择器进行相同的样式
* 写法：在多个不同的选择器之间用 , 隔开
* 伪元素选择器： 定义好的一些选择器，用就ok。
* 如果使用超链接伪元素选择器：使用顺序： L V H A
（4）js基础、基本数据类型
js的代码放在body后面
* String 字符串类型
* js中双引号和单引号都代表的是字符串
* Number 数字类型
* 不区分整数和小数
* Boolean 布尔类型
* Null 空，给引用赋值的
* Undefined 未定义（声明变量，没有赋值）
* 声明变量，使用var关键字
* typeof() 判断当前变量是什么类型的数据
js中定义与使用变量不需要声明数据类型。
（5）数组、函数、基本语句
数组：
var arr =[1,2,3]
函数：
js中，通过关键字function 声明方法。
function 方法名称(参数列表 (num,str)){方法体;
return;}
* 参数列表：不能使用var关键字
* 返回值：可写可不写的，如果有写返回值，如果没有，返回值可以省略不写。
明日计划
1.js学习，dom学习
2.xml约束与解析学习。
遇到问题：
1.使用chrome浏览器，竟然不能解析部分CSS代码。
收获
了解到了网页的开发过程
返回列表
评论