首先,我们来看一下什么是瀑布流布局效果,比如电商网站 蘑菇街
原理图:
在一个大盒子里,放置多个小盒子,小盒子的大小可以不一致,长短不一样,呈现一种瀑布流的效果。
使用CSS3S实现只需要如下4步:
1. 准备图片素材
2. 书写相应HTML结构
3. 了解CSS 多栏(Multi-column) 属性
4. 使用CSS 多栏属性完成瀑布流布局
一、第一步 —— 准备图片素材
2024年10月18日
首先,我们来看一下什么是瀑布流布局效果,比如电商网站 蘑菇街
原理图:
在一个大盒子里,放置多个小盒子,小盒子的大小可以不一致,长短不一样,呈现一种瀑布流的效果。
使用CSS3S实现只需要如下4步:
1. 准备图片素材
2. 书写相应HTML结构
3. 了解CSS 多栏(Multi-column) 属性
4. 使用CSS 多栏属性完成瀑布流布局
一、第一步 —— 准备图片素材
2024年10月18日
声明:SVG 虽然也是标签,但它不是 HTML5,标题加了 HTML5 只是为了与 canvas 放到一起。
SVG 意为可缩放矢量图形(Scalable Vector Graphics),使用 XML 格式定义矢量图形。其他的图像格式都是基于像素的,但是 SVG 没有单位的概念,它的20只是表示1的20倍,所以 SVG 绘制的图形放大或缩小都不会失真。
2024年10月18日
CKEDITOR复制粘贴word图片,CKEDITOR复制word图片,CKEDITOR粘贴上传Word图片,CKEDITOR粘贴上传图片,JAVA中将WORD转换为HTML导入到CKEDITOR编辑器中(解决图片问题,样式,非常完美),ckeditor粘贴word,ckeditor3粘贴word,ckeditor4粘贴word,ckeditor5粘贴word内容,ckeditor复制word图片,ckeditor复制粘贴word图片,ckeditor复制word内容,ckeditor粘贴word图片,复制word图片粘贴到ckeditor,
2024年10月18日
2024年10月18日
在很多网站上,都有一个点击图片或点击某个链接会将指定的图片下载到本地的功能,而这个功能就需要html 元素中的 A 标签的 download 属性来实现,接下来飞鸟慕鱼博客就来说一说关于使用html或js实现图片点击下载的功能。
download:属性为 A 标签在 HTML5 中新增加的一个属性,它可以强制触发浏览器的下载操作。
语法:
2024年10月18日
想要工作好,肯定得有合适的工具呀,这样的话想要在Markdown中插入图片也会简单很多呀~
下面简单介绍三种很好用的方法,刚需的小伙伴们记得收藏哦,免得下次需要时找不到了~
2024年10月18日
为什么学习HTML?
理解HTML代码是制作网页的基本技能。在互联网高度发达的今天,网页制作技术开始变的和修图、处理视频一样重要。
第一,学会制作网页就可以把自己想要展示的信息让其他人使用浏览器观看,无论是文字、照片还是视频都可以通过浏览器观看,甚至是分享自己制作的小游戏。
第二,理解网页运行的基本原理后可以更好的浏览他人的网页,寻找有用信息,更合理的使用第三方工具,简单高效的制作自己的网页。
2024年10月18日
NO.3:<!--注释-->
注释标签是为代码添加注释使用的,它的内容不会显示在页面中。几乎每种编程语言都有自己注释的写法。对于一些复杂代码标注注释对团队合作非常重要,即使自己若干年后打开以前写的代码,也能通过注释快速回忆起曾经的思路。当然,HTML很少用到注释,因为它太简单了。
<!--这里是注释-->代码示例:
2024年10月18日
最近在开发新版博客网站时,有几个页面需要使用图片上传功能。整个项目前端基于vue3的element-plue和vue-cropper组件库封装一个图片上传组件,后端使Django REST framework开发api接口,存储使用七牛对象存储,以及腾讯CDN加速,总结了完整的前后端代码以及运维配置,以供大家参考。
2024年10月18日
今天小编带领大家走进我们华信智原前端老师的课堂,一起了解HTML的相关知识,本次分享是第一节课哦,后续还会陆续更新全部课程知识,欢迎大家点击关注我们,一起学习前端吧!
这节课的目标是认识HTML是什么以及学会在DW中建立站点,并发布自己的第一个html页面。
一、认识HTML
HTML概念:超本文标记语言(HyperText Markup Language)