没有合适的资源?快使用搜索试试~ 我知道了~
全套javaWeb总结
5星 · 超过95%的资源 需积分: 40 66 下载量 196 浏览量
2017-11-13
17:36:16
上传
评论 12
收藏 849KB DOCX 举报
温馨提示
试读
64页
javaWeb详细文档,有助于查阅或者学习,详细罗列了javaWeb中用到的知识点。积分有可能随下载量变化,如果需要资源可以给我留言
资源推荐
资源详情
资源评论
一、是什么用 ?
答: 将网页内容和显示样式进行分离,提高了显示动能(降低了代码的耦合性)。
二、 和 结合的方式
、每一个 标签中都有一个 样式属性,该属性的值就是 代码。
、使用 标签的形式,一般都定义在 标签中。
、加载外部的 文件中的样式,定义一个 文件,用标签形式添加样式,然后用
如 创建一个 文件,里面写 !"##$ ,然后在用到的 文件中 引入即可
一般把一类的 样式放到一个 文件中,便于修改,增强了代码的通用性。
因为一个网站需要多个 样式,也就会有多个 文件与之对应。这样在 页面导入的代
码会增加,
故在新建一个 文件,在这个 文件中导入用到的样式表,故再在 页面中 只导入
此 文件即可。
此方法 是 用 导入的,不是用的 导入,虽然在 页面用 导入,但是基于
的。
%、使用 方式导入
在 标签中写
&'()##*)##)#+#,
三、 代码格式
选择器名称{属性名:“属性值”;属性名:“属性值”;……}
、属性与属性之间用 分号 隔开。
、属性与属性值之间用 冒号 链接。
、如果一个属性有多个值的话,那么多个值用空格隔开。
四、选择器
就是指定 作用的标签,那个标签的名称就是选择器,意为哪个容器。
选择器共有三种:
、 标签名选择器,使用的就是 的标签名。
、 选择器,其实使用的是标签中的 属性。 定义方式: 属性值!$
、 选择器,其实使用的是标签中的 属性。 定义方式: - 属性值!$
每一个标签都定义了 和 属性,用于对标签就行标识,方便对标签进行操作。
在定义时,多个标签中的 属性可以相同,而 值要唯一,因为 . 中经常用。
定义方式
/标签 属性值 这样就指定了 具体的 标签的样式
扩展选择器
、关联选择器(选择器中的选择器)
如 & ,&,链接&+,&+ ,
定义方式: !$000000外层的标签名 1空格 1内层的标签名
、组合选择器(对多种选择器进行样式设定)
如:有标签指定 属性,还有别的标签
定义方式: 属性值,其余标签名 000000多种选择器之间用逗号分隔开,多个选择器
组合使用。
、伪元素选择器
其实就是在 中预先定义好的一些选择器,称为伪元素,是因为 的术语。
格式:标签名:伪元素类名 或 标签名类名:伪元素
"'( 超链接未点击状态
" 被访问后的状态
" 光标移到超链接上的状态(未点击)
"2 点击超链接时的状态
伪元素需要在 标签内 定义 不仅仅超链接可以用,别的标签也可以用。
链接的 悬停 点击 点击后 的 样式 顺序: 34
"50' 段落的第一行文本
"506 段落中的第一个字母
"* 具有焦点的元素。
伪元素 789 不支持,:: 中可以看到效果。
五、优先级
标签选择器 &类选择器 & 选择器 & 属性
同级别的 下面的优先于上面的,因为浏览器从上往下解析。
六、盒子模型
边框 ;
内边距 '<设置四个值 顺序:上 右 下 左
外边距 <'
三者都有 上下左右 四个设置点
; 标签和浏览器窗口显示也有外边距,设置成 = 就会顶齐(左上角)显示
七、定位
1 (查看 手册)
利用盒子模型思想,将要布局的成员封装进对象里,可以任意设置位置。(漂浮, ,边框)
样式操作元素
、操作无序列表
设置前面的 图标(可以指定图片)
!
00<"图片路径
$
、设置带有边框 的 元素
可以分别设置 上下左右 四个边, 设置成不同的形态。如:下划线填空 等等。
.
.
>?简介
. 简称 . 是运行在浏览器端的一门脚本语言,一开始主要用来做浏览器端验证,但现在
功能已经不止于此。
所谓脚本语言就是指,代码不需要编译,直接运行,并且读入一行运行一行。
. 目前应用非常广泛,例如:浏览器端的验证,4@,富客户端等,甚至也有服务器端
的 . AA'@
>?编写位置
/ 网页内部
编写到&,标签中
&,
&+,
B 外部@ 文件
&)#@#,&+,
>?基本语法
/ 注释
单行注释:++
多行注释"+CC+
B 变量
0. 是一个弱类型的语言,声明一个变量时不需要指定类型,只需要使用 关键。
0变量的声明:
0. 是一个动态类型的语言,为一个变量赋值时可以赋值成任意类型 D同时在使用过程中可
以任意修改变量的类型。
)##
)
0声明和赋值同时进行
;)
E 函数
0在 . 中,函数也是一个对象。
0在 . 中声明一个函数只需要使用 *'2' 关键字。
0由于 . 是一个弱类型语言,所以声明函数时不需要指定参数的类型。
0. 函数在调用时也不会检查实参的类型和数量。
0所以在 . 中没有重载这回事。
0声明函数的两种方式:
)*'2'D;!
'1;
$
*'2'D;D!
'1;1
$
0调用函数:
调用函数的本质:函数的引用 1
D%F9
G 对象
0创建对象:
第一种:
;@)'HI;@
第二种:
;@)!$
0动态的向对象中添加属性
对象属性名 )属性值
;@')#'H('<#
;@<)J
;@*')*'2'!$
0在创建对象时直接添加属性
;@)!'"#猪八戒#D<"=D*'"*'2'!$$
>%?事件
/ 用户操作网页或者浏览器所发生的交互行为称为事件。比如:点击按钮,最小化窗口,修
改文本框内容等。
B. 为我们定义许多浏览器中的事件。比如:单击、双击、移动 等。
E 我们可以通过为事件设置一个响应函数来对事件进行响应。可以通过两种方式为元素绑定
响应函数:
直接通过标签的属性来设置D这种方式是结构与行为耦合,不推荐使用
&;6''()#KK#,按钮&+;6',
在&,标签中来设置
&;6')#;'#,按钮&+;6',
&,
H'H')*'2'!
;')'<8'L7#;'#
;''()*'2'!
##
$
$
&+,
>F?加载方式
/ 浏览器加载网页代码时是由上到下依次加载的。
B 如果我们在浏览器还尚未加载网页中的元素,那么将无法确定,控制台将会报错,解决该
问题有两种方式:
将 标签写到 ; 标签的下边
将代码写到 H'H')*'2'!$
>9?MI 编程
MI 就是让我们可以以面向对象的方式去操作网页的。
MI"M'I;@文档对象模型。
M':文档指的就是整个的 文档。
I;@:对象指将网页中每一个部分都转换为了一个对象
:模型用来表示对象与对象之间的关系
MI 编程是 . 中非常重要的一部分内容,对于我们后台工程师来说非常重要。
MI 主要是通过 . 来控制网页中的各种元素,从而达到使网页可以和用户进行动态交
互的作用。
MI 的操作主要分四部分增、删、改、查。
剩余63页未读,继续阅读
资源评论
- qq_221974292019-07-21总结的很详细
zor_zhi
- 粉丝: 1
- 资源: 6
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- IMG_20240424_183805.jpg
- DatabaseWatermarkingBasedonTextFormat
- -移动通信-网络课程设计与研究
- 基于Python的PCA人脸识别算法的原理及实现代码+文档详解.zip
- 甘肃移动全业务工程建设项目管理流程优化研究
- 549springboot + vue 民宿管理平台.zip (可运行源码+数据库文件+文档)
- ZArchiver.Pro_0.9.5.apk
- vmware环境配置.mp4
- 548springboot + vue 大学生社团活动平台.zip(可运行源码+数据库文件+文档)
- 微信小程序 辩论倒计时小程序源码 作业设计demo 计算机专业参考
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功