一.html
1.HTML 的基本结构
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
2.常用元素
1.段落 <p></p> 。2. 换行符 <br />。3.标题<h1>标题1</h1> 标题有六种大小h后的数字越大，说明标题越大 。4.文本格式化 例如：<b>定义粗体文本</b><br /> <i> 定义斜体文本 </i><br /> <del>定义删除文本</del><br /> <sup>定义上标字</sup><br /> <sub>定义下标字</sub><br />。 5、定义超链接 <a href=“网址”></a>6. 图像<img src="图片位置" />6.HTML无序列表无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。7.无序列表使用 <ul> 标签<ul><li>Coffee</li><li>Milk</li></ul>。8.HTML 有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。<ol><li>Coffee</li><li>Milk</li></ol>9. 文本域：文本域通过<input type="text"> 标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域。10.<button>定义一个点击11.音频基本格式：<audio src="" controls><audio>12.视频 基本格式：<video src="" controls ></viedo> 11. <div>定义文档区块，块级(block-level) <span>定义 span，用来组合文档中的行内元素。
3.表格样式
border 设置表格的边框(默认border=”0”无边框) 像素值
width 设置表格的宽度
height 设置表格的高度
align left、center、right 设置表格在网页中的水平对齐方式
二.CSS
1.浮动(float) float会使元素向左或向右移动，其周围的元素也会重新排列
元素的水平方向浮动，意味着元素只能左右移动而不能上下移动
实现两个div并排的方式：float=”left”向左靠齐(right,left,none,initial…)
2.定位position
static静态定位
relative固定
fixed相对定位
absolute绝对定位
3.背景background
background-color
background-image
background-repeat
background-attachment
background-position
4.选择器
id选择器 #id{} 类选择器 .类名{} 元素选择器 元素标签名{} 通配符选择*{} 交集并集选择器 子后代选择器 父选择器
5.伪类选择器
link 页面上从来没有点击过的链接 active 选择活动链接，并设置其样式：visited 选择已访问的链接，并设置其样式： hover 鼠标悬停的状态 focus 获取焦点的状态[对有键盘焦点的元素设置] first-child 元素的第一个子元素添加样式
6.常用单位
Margin(外边距) - 清除边框外的区域，外边距是透明的。
Border(边框) - 围绕在内边距和内容外的边框。
Padding(内边距) - 清除内容周围的区域，内边距是透明的。
Content(内容) - 盒子的内容，显示文本和图像。
10.边框
border border-style border-width border-color border-bottom
三.js
JavaScript是一个脚本语言，是一种轻(弱)量级的编程语言，而Java是强类型的编程语言，两者没有任何关系，只是名字相似而已
js 选择器 ：class选择器 标签选择器 id选择器
| Number | 数字型，包含整型值和浮点型值 | 0 |
| Boolean | 布尔值类型 | false |
| String | 字符串类型 | “” |
| Undefined | var a;声明了变量a但是没有给值，此时a=undefined | undefined |
| Null | Var a=null;声明了变量a为空值 | null |
function + 函数名(参数){ }
计算和循环流程与java一样
数组对象用来在单独的变量名中存储一系列的值
创建数组的方式：var arr = new Array(); var arr = [值];
创建对象：对象名.属性名 对象名.方法名
var person=new Object(); let person=new Object();
typeOf返回的是数据类型
用法：typeOf(变量)或typeOf变量
正则表达式：满足一定规则的字符串，正则表达式是由一个字符序列形成的搜索模式，因为字符串千变万化，只有使用正则才能筛选出想要的字符串
JavaScript创建日期：var now=new Date();
getFullYear()：获取年份
getTime()：返回从 1970 年 1 月 1 日至今的毫秒数
setFullYear()：使用设置具体的日期
toUTCString()：将当日的日期（根据 UTC）转换为字符串
getDay()：使用 getDay() 和数组来显示星期，而不仅仅是数字
-
基础语法：$(selector).action()
$定义JQuery
选择符(selector)”查询”和”查找”HTML元素
JQuery的action()执行对元素的操作
-
$(‘div’).css(‘属性’, ‘值’)
-
hide()隐藏 show()显示
-
概述：用JQuery方式获取过来的对象是JQuery对象
本质：通过$把DOM元素进行了包装
-
选择器的调用$(“选择器”)
-
:first $(“li:first”) 获取第一个li元素
:last $(“li:last”) 获取最后一个li元素
:eq(index) $(“li:eq(2)”) 选择索引号为2的元素,从0开始
:odd $(“li:odd”) 选择索引号为奇数的元素
:even $(“li:even”) 选择索引号为偶数的元素
-
鼠标事件：click、dblclick、mouseenter、mouseleave、hover
键盘事件：keypress、keydown、keyup
表单事件：submit、change、focus、blur
文档/窗口事件：load、resize、scroll、unload
扫一扫
974
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
