前端哥

HTML5 CSS3 经典案例:无插件拖拽上传图片 (支持预览与批量) (1)

2024-04-29这篇博客直接在上篇的基础上完成,最终效果:效果图1:效果图2:好了,请允许我把图片贴了两遍,方便大家看效果了~可以看出我们的图片的li的html其实还是挺复杂的,于是我把html文档做了一些修改:可以看到我把li的显示,独立写到了一个div#template,默认是hidden的,这样做的好处是什么呢?避免我们每上传一个文件,在js中出现大量的创建元素与赋属性的代码,一般设计比较复杂的html元素的生成,建议使用这种方式,可以简化代码,也利于我们代码的后期维护。Js代码:/**

https://www.qianduange.cn//article/6275.html 分类:前端知识

jQuery的基本使用方法

2024-04-23jQuery是一个轻量级的、兼容多浏览器的JavaScript库。​ jQuery是一个功能强大且易于使用的JavaScript库,它简化了JavaScript在网页开发中的操作和交互。它提供了一系列易于使用的功能和方法,使得开发者可以更松弛地处理html文档的操作、事件处理、动画效果、Ajax请求等。

https://www.qianduange.cn//article/5833.html 分类:前端知识

学习JQuery——简介

2024-04-21JQuery官网官方描述:jQuery是一个快速、小巧且功能丰富的JavaScript库。它使诸如html文档遍历和操作、事件处理、动画和Ajax等简单易用的应用程序接口可以在多种浏览器上工作。通过多功能性和可扩展性的结合,JQuery改变了数百万人编写JavaScript的方式。我的理解:JQuery是一个轻量级的JavaScript函数库。“写更少的代码,做更多的事情”。

https://www.qianduange.cn//article/5552.html 分类:前端知识

HTML超详细简介

2024-04-16DTD文档模型也称DOCTYPE文档声明,它是Document Type Definition的英文缩写,意思是文档类型定义,在html文档中,用来指定页面所使用的HTML(或者XHTML)的版本。要想制作符合标准的页面,一个必不可少的关键组成部分就 是DOCTYPE声明。只有确定了一个正确的DOCTYPE,HTML里的标识和CSS才能正常生效。它一般被定义在页面的第一行,html标签之前。它不是HTML标签我们写好一份html文档,这时候全是代码,用户看不懂,是不是得用浏览器里的引擎给翻译一下?

https://www.qianduange.cn//article/5043.html 分类:前端知识

HTML文本结构说明

2024-04-13Web入门中html文档的基本结构说明

https://www.qianduange.cn//article/4827.html 分类:前端知识

初识CSS

2024-04-12简单:CSS很容易学习和理解不像很多语言具有逻辑思维复杂且关联多,对于html文档来说CSS是不可替代的,因为在很多html文档中都需要使用CSS来设置样式。节省时间:你可以把所有的CSS样式都写到一个.css格式的文件中,然后再HTML页面中引用。修改方便:当你将所有的CSS保存在.css文件中在其他多个HTML文件中引用了的话,那么修改一个.css文件里面的东西就可以一起修改所有的html文档中的样式,不需要一个个的去修改了。兼容性:css还可以根据不同的设备来设计网页的样式。

https://www.qianduange.cn//article/4748.html 分类:前端知识

javascript/jquery高度宽度详情解说分析

2024-03-29一、document对象是window对象的一部分 二、浏览器的html文档成为Document对象window.location和document.location window对象的location属性引用的是Location对象 表示该窗口中当前显示文档的URL. document的对象的location属性也是引用了Location对象 window.location===do...

https://www.qianduange.cn//article/4285.html 分类:前端知识

CSS页面布局(超详解)

2024-03-29浮动的框可以向左或向右移动,直到其外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档普通流中,所以文档普通流中的块元素表现得就像浮动框不存在一样。html文档中的每个元素都被描绘成矩形盒子,这些矩形盒子通过一个模型来描述其占用的空间,这个模型称为盒子模型。_css布局

https://www.qianduange.cn//article/4248.html 分类:前端知识

使用CSS3实现围绕圆心旋转

2024-03-27在0%的关键帧中,我们将元素的旋转角度设置为0度;在100%的关键帧中,我们将元素的旋转角度设置为360度,这样就实现了一个完整的旋转。首先,我们需要在html文档中创建一个元素,作为旋转的对象。要实现围绕圆心旋转的效果,我们可以结合使用CSS3的。然后,我们创建了一个名为"rotate"的动画,持续时间为4秒,线性过渡,并设置为无限循环。接下来,在CSS样式表中,我们可以将该元素进行样式设置,并创建旋转动画。下面是一个详细的示例,展示了如何使用CSS3实现围绕圆心旋转的效果。在上面的代码中,我们为。_css怎么让圆围绕中心旋转

https://www.qianduange.cn//article/4225.html 分类:前端知识

CSS的Day05(浮动 flex布局 定位)

2024-03-27常见的显示模式:行内、块级、行内块在HTML中,标准流也称为文档流或普通流,是指元素按照其在html文档中的出现顺序依次排列的方式。在标准流中,元素会自动占据父容器的空间,并且相邻的元素会紧密排列,直到没有足够的空间为止。标准流中的元素按照块级元素和内联元素的性质进行排列。块级元素会独占一行,从新行开始,并且会在前后自动换行。而内联元素不会独占一行,它们会在一行上按照从左到右的顺序排列。_浮动和flex可以配合使用吗

https://www.qianduange.cn//article/4215.html 分类:前端知识

123条数据,当前10/13

最近搜索

会员中心 联系我 留言建议 回顶部