Watermelon_devil-CSDN博客

原创 JS中的事件

一，什么是事件是指用户在某事务上由于某种行为所执行的操作; （对页面元素的某种操作）事件是文档或者浏览器窗口中发生的，特定的交互瞬间。事件是用户或浏览器自身执行的某种动作，如click,load和mouseover都是事件的名字。事件是javaScript和DOM之间交互的桥梁。二，事件三要素•事件源：网页上的元素。如：按钮，输入框等•事件类型：为用户或浏览器的行为。如：鼠标点击，选中输入框等•事件处理程序：事件发生后定义的程序。如：跳转网页、算数运算等。三，绑定事件的方法1、在DOM元素中直接绑定。2

2022-06-29 11:45:21 189

原创 JS-函数

一，什么是JSjs是JavaScript的简称，是一种直译式脚本语言，它是web前端中不可缺少的一部分，它用于增强HTML页面，通常可以嵌入HTML代码中，JavaScript以交互式和动态的方式呈现网页，这允许页面对事件做出反应，展示特殊效果。二，在 HTML 文件中使用 JavaScript 有两种方法：第一种方法涉及在 HTML 代码中嵌入所有 JavaScript 代码。第二种方法则使用从 Script 元素中调用的单独 JavaScript 文件，即由 Script 标记包含。三，JS在HTML中

2022-06-28 15:45:30 219

原创弹性布局的设置

一，弹性布局 flex就是flexible box的缩写，意为弹性布局，用来为盒装模型提供最大的灵活性任何一个容器都可以指定为flex布局.box{ display: flex; }行内元素当然也可以使用flex布局.box{ display: inline-flex; }内核的浏览器，必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: flex; }注意：设为 Flex 布局以后，子元素的float、clear和vertica

2022-06-27 15:58:39 955

原创 rem和em

一，什么是remrem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。rem的用法一般情况下，是这样子使用的1 html{font-size:62.5%;} 2 body{font-size:12px;font-size:1.2rem ;} 3 p{font-size:14px;font-size:1.4rem;}注意：rem是只相对于根元素html的font-size，即只需要设置根元素的font-size，其它元素使用rem

2022-06-24 17:06:58 628

原创 CSS---动画

一、什么是动画？动画就是一帧又一帧图片,按顺序展现在人的眼前，但是由于人的视觉反应不过来就会产生图画动起来的效果。二、动画动作1.动画的声明@keyframes move在以上代码中，{}内包含的就是动画的动作，每一个完整的动画都会有一定的时间，意思是每达到时间的百分之多少就向某状态进行转变。三，过渡它就是transition，所谓的过渡效果，指的就是以动画的形式慢慢演化样式属性变化的过程。1，transition-property(需要过渡的属性)：如果设置为all表示所有样式属性都需要过渡。2

2022-06-23 19:44:12 213

Watermelon_devil的博客

原创 JS中的事件

原创 JS-函数

原创弹性布局的设置

原创 rem和em

原创 CSS---动画

原创 CSS----浮动

原创利用HTML5仿制百度首页

原创 HTML学习

空空如也

空空如也