web小结

web小结

css:

CSS (Cascading Style Sheets) ：层叠样式表

层叠：一层一层叠加
样式表：存储样式的地方，多个样式
放置规范：
在style标签内容体中书写css样式代码。
style标签放置在head标签之中。

格式规范：
选择器名称 { 属性名1：属性值1；属性名2：属性值2；…….}

选择器：即指定CSS样式作用在哪些HTML标签上

代码规范：

属性名和属性值之间是键值对关系；
属性名和属性值之间 用 “:” 连接，最后“;”结尾；
例如：font-size:120px;

如果一个属性名有多个值，多个值之间用 空格 隔开。
例如： border:5px solid red;
CSS注释：/* 注释内容*/ 等同于java的多行注释

元素选择器

元素选择器：即以HTML标签名作为选择器名称。

作用：选择CSS样式代码 作用于 对应标签名的标签上。
标签选择器：
适用范围：适用于将相同样式 作用在多个同名标签上
格式：
标签名{
/CSS样式代码/
}
类名选择器：
适用范围：适用于将样式 一次作用在相同类名的标签上。（即使标签名不同）
格式：
.类名{
/CSS样式代码/
}
id选择器
每个HTML标签都有一个id属性，id的属性值必须在本页面是唯一的。
id选择器：即以HTML的id（id属性值）作为选择器名称。
作用：选择CSS样式代码 作用于 某个规定id值的html标签上
格式：
#id值{
/CSS样式代码/
}

适用范围：适用于将样式 作用某个标签上。（更有针对性）

js（JavaScript）

JavaScript是WEB上强大的脚本语言。

脚本语言：
无法独立执行。必须嵌入到其他语言中，结合使用。
直接被浏览器解析执行。

Java编程语言：
独立写程序，独立运行。 编译—执行

作用：控制页面特效展示。
例如：
JS可以对HTML元素进行动态控制
JS可以对表单项进行校验
JS可以控制CSS的样式；

特征：
JavaScript无需编译，直接被浏览器解释并执行
JavaScript无法单独运行，必须嵌入到HTML代码中运行
JavaScript的执行过程由上到下依次执行

事件：
事件有三要素：事件源、事件数据、事件处理程序

可以加return false;是阻止默认操作

onclick: 鼠标单击触发

ondblclick: 双击触发

onmouseover: 鼠标移动上面触发

onmouseout: 鼠标离开时触发

onmousemove: 鼠标在上面移动时触发

onchange: 只要内容改变触发

onblur: 失去焦点时触发

onfocus: 获得焦点时触发

onkeydown: 按键按下的时候触发

onkeyup：按键抬起来的时候触发

onkeypress：事件在用户按下并放开任何字母数字键时发生。但是系统按钮（例如：箭头键、功能键）无法得到识别。