- 博客(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
242
原创 window对象
一、window对象1.窗口位置1.screenLeft:返回浏览器窗口相对于屏幕左上角的水平距离，不兼容FF浏览器2.screenTop:返回浏览器窗口相对于屏幕左上角的垂直距离，不兼容FF浏览器3.screenX：功能同于screenLeft，兼容FF4.screenY：功能同于screenTop，兼容FF2.窗口大小（IE9以下不兼容）1.innerWidth：返回网页在当前窗口中可见的部分宽度，包含滚动条宽度2.innerHeight：返回网页在当前窗口中可见的部分高度，包含滚动条宽
2022-06-02 17:13:13
711
原创 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
208
原创 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
797
原创 css动画之大套套小块
文章目录一、代码二、图示总结一、代码 @keyframes roll { from { transform: rotateX(0) rotateY(0) rotateZ(0); } to { transform: rotateX(360deg)
2022-05-05 21:26:22
81
原创 css：动画和轮播图
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、轮播图代码二、动画代码思维导图总结总结一、轮播图代码```css <style> * { padding: 0; margin: 0; }@keyframes roll{ 0%{ left:0 ; } 23%{ left:0 ; } 25%{ .
2022-04-29 08:43:12
96
原创 利用定位制作QQ企鹅
代码 <style> * { padding: 0; margin: 0; } .qq { width: 400px; height: 400px; background-color: pink; position: relative; } .qq div {
2022-04-24 18:19:31
158
原创 表格和表单
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、表格1.代码2.读出数据二、表单1.代码2.读出数据思维导图一、表格1.代码 <style> table { border-collapse: collapse; border: aqua 1px solid; } .t1 { background-color: brown; .
2022-04-22 19:32:44
186
原创 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
1073
原创 css：图文组合
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、前言二、案例1.上下排列代码如下导出图片2.左右排列代码如下导出图片一、前言图文组合是页面中常见的布局，大致可以分为三类：上下排列，左右排列，以及图文混排。下面结合几个案例，进行解释。二、案例1.上下排列代码如下<style> *{ margin: 0; padding: 0; list-style: 0; } .box1{ .
2022-04-17 15:26:38
608
原创 CSS基础
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、常用引入方式1.外部样式2.内部样式 前言CSS层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。一、常用引入方式常用引入方式分为三种:外部样式，内部样式，内联样式，下面一一来进行详细的讲解1.外部.
2022-04-13 20:47:00
50
原创 初识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
655
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人