a)背景
H5,现在主流标准,可以编写网页端手机端。
b)标签
A超链接
P段落
Ul li 无序列表
Ol li 有序列表
Img 图片
Hr
H1 h2
Span 小区域
Div 框框
Table tr/th thead tbody td 表格
Center
Button
c)布局
默认的:static 默认文档流布局
相对的:relative 从自己当前的位置 相对改变自己显示的位置
绝对的:absolute 定位在网页固定的位置
绝对的:fixed 定位在浏览器固定位置 跟着跑
块级元素:
默认占据一整行,设置宽高都可以实现
行内元素:
从左向右依次排列,设置宽高无效果。完全取决于内容大小
块级转行内:float..
浮动清除:clear:both 如果不想下面的代码被上面的浮动影响。
行内转块级:display:block
d)表单
Form
Input
Type= text
Password
Radio 单选
Checkbox 多选 复选
File
Button
Submit
Reset
Date
Select option
<select>
<option value=”1”>现实的</option>
</select>
<textarea>
e)盒子模型
外边距 :margin
内边距:padding
边框:border
f)样式表
<style>
A{} 标签选择器
.xx{} 类选择器
#id {} id选择器
</style>
Color
Background-Color背景色
Background-image
Border:soild red 1px;
Font 字体
Font-size
Line-height
Width
Height
Text-align:center
Padding
Margin
Float
position
(二)Javascript
a)基本语法
Var a = 1;
Var a ={“name”:”zhi”,”age”:“22”}
a.name
var c = [1,2,3,4,5,6,7,8]
var c = new array();
c.push(“dd”);
if
for
b)Dom对象
Var zujian = Document.getElementById(“ddd”);
Var zujians = Document.getElementsByName (“ddd”);
Zujian.innerhtml=“ddddd”
Var cc = Zujian.innerhtml;
Zujian.value=22 值
<form id=”ddd”>
Document.getElementById(“ddd”).submit();//手动提交表单
c)Bom对象
Alert()
Console.log()
Open(“www.baidu.com”)
Location.href=””;//本页面跳转
Window. 能到浏览器窗口大小,
d)字符串常用方法
re1 = new RegExp("垃圾","g");// 第一个参数: 要替换的文本,g 替换全部
var Newstr = a.replace(re1, "");
a :要被替换的字符串
re1 :替换规则
“” :替换内容
Newstr:替换结果
(三)Jquery
a)选择器
(“#id”) 返回第一个id组件
$(“.ccc”) 所有class=ccc的组件
$(“.ccc p”) 所有class=ccc p的组件
b)监听写法
$(“#dd”).click(function(){
})
Click
Keyup
Select 下拉列表 change方法
c)常用方法
Hide
Show
Val()获取值 val(222)设置值
Attr(“src”)获取属性值
Attr(“src”,”1.jpg”)
Html(“dddd”)
Html()
Text()
Text(“dddddddddddddd”)
//获取所有input对象 挨个循环
(b)//这个是每一个对象
});
d)节点操作
Append
Clone