没有合适的资源?快使用搜索试试~ 我知道了~
Web前端知识点总结.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 10 浏览量
2022-11-16
20:04:02
上传
评论
收藏 1.13MB PDF 举报
温馨提示
试读
23页
。。。
资源推荐
资源详情
资源评论
. WORD 格式.资料 .
HTML 知识点
一、功能
用来制作静态网页,网页中的全部内容都是通过 Html 语言展现出来。
使用场合:开发静态网页。
二、思想
一切功能都由标签实现,标签具有四要素。
三、常用标签
标签关键字 功能 常用属性
<font></font>
<br/>
<center> </center>
<hn> </hn>
设置字体,字号,颜色
换行
居中对齐
设置标题级别
H1 最大 h6 最小
face, color, size
align
<hr />
<p> </p>
<ol > </ol>
<li> </li>
<ul > </ul>
<img />
插入水平线
划分段落,
创建有序编号列表
定义一个列表项
定义无序符号列表
插入图片
size, width, align
align
type, start
type
src,width,height,border,
title,alt
<table></table> 插入表格 border,width,height,
专业.整理
. WORD 格式.资料 .
bgcolor,bordercolor,
cellpadding,cellspacing
<tr></tr>
<td></td>
<th></th>
<caption></caption>
<form> </form>
创建一行
创建一列 colspan, rowspan
创建一列,元素居中,粗体
设置表格的标题
收集用户输入信息,并提交 action, method
给服务器
<input type="text" /> 创建文本框 name, value
readonly, disabled
<input type="password" /> 创建密码框
<input type="radio" />
<select > </select>
<option> </option>
创建单选按钮
创建下拉列表框
创建列表项
checked
name
value, selected
checked
name,rows, cols
href, target
<input type="checkbox" /> 创建复选框
<textarea> </textarea>
<input type="hidden" />
<input type="submit"/>
<input type="reset"/>
<a > </a>
创建文本区域
创建隐藏控件
创建提交按钮
创建重置按钮
超级链接,网页跳转
专业.整理
. WORD 格式.资料 .
<meta name="keywords" content="淘宝网"/>
指定快速的查询到该网页的关键字
<meta name= "description" content= "淘宝网-亚洲最大/>
//提供网页内容的描述信息
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
//指定文档类型和页面字符集
四、案例
1、诗篇
2、学生课程表
3、注册页
专业.整理
. WORD 格式.资料 .
CSS 知识点
一、功能
1、css 格式化页面中的各组成元素
2、css 决定元素在页面的具体位置
二、思想
属性是 css 最小构成单元,每个属性都有特定功能,多个属性构成样式,由样式修
饰 html 语言的标签。
三、样式修饰标签
1、style 属性
html 标签添加 style 属性,属性值是多个 css 属性的组合。
2、标签选择器
样式名与标签关键字相同,根据名称相同自动关联。
3、ID 选择器
1>样式名以#开始;2>标签添加 id 属性与样式关联。
4、类选择器
1>样式名以 . 开始;2>标签添加 class 属性与样式关联。
5、属性选择器
标签名[属性名=属性值],根据标签关键字和属性值自动关联。
6、包含选择器
1>子样式名中间加>或空格分隔 (>直接包含);
2>看最后一个子样式是什么选择器就如何关联标签。
7、多个样式名同一样式体
专业.整理
. WORD 格式.资料 .
1>样式名中间加逗号分隔;
2>根据样式类型决定如何与标签关联。
8、多条件同时成立选择器
1>多个子样式名紧挨着
2>一个标签必须同时具备这多个条件才可以被该样式修饰
9、各选择器使用场合
1)如果想根据标签名用一个样式修饰所有同名标签时,用标签选择器;
2)如果一个样式只想修饰唯一的一个标签时,用 id 选择器;
3)如果一个样式想修饰多个任意标签时,用类选择器;
4)尽量使用包含选择器。
四、元素定位
1、盒子模型
通过设置标签的内外边距从而改变元素的位置,没有脱离标准文档流。
相关属性:
marging-top:外上边距
margin-right:外右边距
margin-bottom:外下边距
margin-left:外左边距
margin:同时设置上右下左四个外边距 (顺时针)
padding-top:内上边距
padding-right:内右边距
padding- bottom:内下边距
专业.整理
剩余22页未读,继续阅读
资源评论
春哥111
- 粉丝: 1w+
- 资源: 5万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功