对JavaScript和CSS的个人理解

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


①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>,不再向下找。


说难也难,说不难也不难~~~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值