您的位置:首页 > Web前端 > JavaScript

对JavaScript和CSS的个人理解

2015-12-25 10:28 651 查看

纯粹是个人学习过程中的一点体会,有可能有些地方不严谨,请谨慎阅读!!

①JavaScript是让java在网页中使用,语法和java基本符合,标志是< javascript>,我觉得最大的不同就是声明变量的时候只用一种类型:”var“。简单的关键字和简单的方法就不说了很好理解,定义函数个人觉得还是和C语言更像。具体的用法就看书上吧,很好理解。

接下来就得说说JavaScript中常用的BOM和DOM:

前者是浏览器模型,对浏览器进行操作,比如获取浏览器的宽高,新建窗口;

前者是文档对象模型,对网页中的元素进行操作,标志就是document。

JavaScript中有一些自身就存在的对象,在我看来把它们当做隐式对象更好理解,像window、document、location等,document出场率很高很高!!!

②CSS是设计网页中的样式,标志是< style>,将在单个标签中设置的格式放在CSS中。需要明白的有两个方面:如何确定是给哪些标签设计的属性即CSS选择器和各种各样的属性。

CSS选择器包括:

标记选择器(根据标签名选择)

<style>
h2{
...
}
</style>


类别选择器(根据class的值选择,标志是 ”. “)

<style>
.one{
...
}
</style>


id选择器(根据id的值选择,标志是”#“)

<style>
#one{
...
}
</style>


子选择器(根据标签的父与子关系选择,标志是”>“)

<style>
tr>td{
...
}
</style>


嵌套选择器(根据标志的包含关系选择,标志是空格)

<style>
p b{
...
}
</style>


各种选择器之间是可以互相嵌套,再说一下我觉得其中的难点:

① 逗号和空格的区别:逗号是多个选择器并列共享样式,空格是嵌套选择器

②嵌套选择器和子选择器的区别(举例说明),

把它看作是文件夹的目录:

嵌套选择器:

<style>
p b{
...
}
</style>


上述代码是找< p>中所有的< b>,不管是当前目录还是子目录还是孙目录….

子选择器:

<style>
p>b{
...
}
</style>


上述代码是找< p>中当前目录中的< b>,不再向下找。

说难也难,说不难也不难~~~
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: