- 博客(14)
- 收藏
- 关注
RSS订阅原创 UI事件和鼠标事件
1.load当页面完全加载后在window上触发图片也可以触发load事件 2.resize当窗口大小变化在window上触发 3.scroll当用户滚动带滚动条的元素的内容时，在该元素上面1.onclick(单击) 2.ondblclick(双击) 3.oncontextmenu(右键菜单) 4.onmouseover(移入) 5.onmouseout(移出) 6.onmouseenter(移入) 7.onmouseleave(移出) 8.onmousedown(按下) 9.onmouseup(抬起) 1
2022-06-02 19:17:22
355
原创 window对象
一、window对象 1.窗口位置 1.screenLeft:返回浏览器窗口相对于屏幕左上角的水平距离，不兼容FF浏览器 2.screenTop:返回浏览器窗口相对于屏幕左上角的垂直距离，不兼容FF浏览器 3.screenX：功能同于screenLeft，兼容FF 4.screenY：功能同于screenTop，兼容FF 2.窗口大小（IE9以下不兼容） 1.innerWidth：返回网页在当前窗口中可见的部分宽度，包含滚动条宽度 2.innerHeight：返回网页在当前窗口中可见的部分高度，包含滚动条宽
2022-06-02 17:13:13
853
原创 CSS：手风琴代码
手风琴图片代码示例 <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style&g
2022-05-19 18:34:29
288
原创 CSS：倒计时案例
倒计时代码案例 <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
2022-05-19 18:31:33
917
原创 css动画之大套套小块
文章目录一、代码二、图示总结 一、代码 @keyframes roll { from { transform: rotateX(0) rotateY(0) rotateZ(0); } to { transform: rotateX(360deg)
2022-05-05 21:26:22
163
原创 css：动画和轮播图
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录一、轮播图代码二、动画代码思维导图总结总结 一、轮播图 代码 ```css <style> * { padding: 0; margin: 0; } @keyframes roll{ 0%{ left:0 ; } 23%{ left:0 ; } 25%{ .
2022-04-29 08:43:12
169
原创 利用定位制作QQ企鹅
代码 <style> * { padding: 0; margin: 0; } .qq { width: 400px; height: 400px; background-color: pink; position: relative; } .qq div {
2022-04-24 18:19:31
223
原创 表格和表单
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录一、表格1.代码2.读出数据二、表单1.代码2.读出数据思维导图 一、表格 1.代码 <style> table { border-collapse: collapse; border: aqua 1px solid; } .t1 { background-color: brown; .
2022-04-22 19:32:44
246
原创 css：分类和导航
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录一.分类1.代码2.图片示例导航1.代码2.图片示例 一.分类 1.代码 代码如下（示例）： <style> *{ padding: 0; margin: 0; list-style: none; } li p{ background-color:rgb(246, 247, 248) ; color: rgb(126,.
2022-04-17 15:41:53
1171
原创 css：图文组合
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录一、前言二、案例1.上下排列代码如下导出图片2.左右排列代码如下导出图片 一、前言 图文组合是页面中常见的布局，大致可以分为三类：上下排列，左右排列，以及图文混排。下面结合几个案例，进行解释。 二、案例 1.上下排列 代码如下 <style> *{ margin: 0; padding: 0; list-style: 0; } .box1{ .
2022-04-17 15:26:38
812
原创 CSS基础
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、常用引入方式1.外部样式2.内部样式 前言 CSS层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 一、常用引入方式 常用引入方式分为三种:外部样式，内部样式，内联样式，下面一一来进行详细的讲解 1.外部.
2022-04-13 20:47:00
139
原创 初识CSS:盒模型
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录CSS盒模型简介一、什么是盒模型二、组成1.宽度（width）高度（height）颜色（color）2.内边距(padding)1.属性2.代码3.提示3.边框（border）1.属性2.代码1.圆角代码2.三角形代码4.外边距（margin）1.属性2.代码（奥运五环）3.注意1.叠压现象2.塌陷问题1.原因2.解决方案三.怪异盒模型四.总结 CSS盒模型简介 CSS盒模型简介 所有HTML元素可以看作盒子，在CSS中，"bo.
2022-04-12 21:37:48
807
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人