速通前端篇 —— CSS
CSS的介绍、基本语法规范、CSS选择器、CSS常见样式
前端速通(HTML)
以下是一篇欢乐风格的 HTML 学习总结结语: 哇哦!我们在 HTML 的奇妙世界里畅游了这么久,现在就像满载宝藏的冒险家,要暂别这一程啦!HTML 就像是搭建梦幻城堡的魔法积木,每一个标签都是一块独特的积木块。我们从简单的``、``开始,一点点构建起属于我们自己的精彩网页,就像从一砖一瓦开始打造我
探索 HTML 和 CSS 实现的 3D旋转相册
这段HTML与CSS代码创建了一个包含10张卡片的3D旋转效果,每张卡片都有自己的边框颜色和图片。通过CSS的3D变换和动画,实现了一个动态的旋转展示效果。
原生JS和CSS,HTML实现开屏弹窗
代码内的obj仅为示例,后续可更改为任意数据或者直接从其他地方引用,本篇文章仅仅在前端并未与其他服务器等交互的前提下,使用原生JS和CSS,HTML来完成类似的开屏弹窗示例,后续可更改CSS样式代码让样式变得更好看。开屏弹窗常应用于打开游戏,或者打开网站的时候,跳出来在正中间,来显示一些信息,并可以
移动端 、响应式布局
移动端布局设备像素比DPR移动端页面书写的时候设计图的尺寸如果是移动端网页开发,UI常用的设计图尺寸是以iPhone6/7/8 为标准的,这个图的宽是750高度是1334,实际在浏览器中解析的时候是375*667 也就是UI给的设计图是一个2倍图 ,所以如果UI给的是这样的一个2倍图,那么我们开
前端固定的导航栏(纯代码)
导航栏使用纯html+Css、实现导航栏固定,ul的固定悬浮,hover和display的显示隐藏。面向纯新手小白
【前端素材】推荐优质红色生鲜肉类电商设计Meatz平台模板(附源码)
响应式生鲜肉类电商网站是一个专门用于在线销售生鲜肉类产品的电子商务平台,它能够根据用户访问设备(如手机、平板、电脑等)的屏幕大小和特性自动调整页面布局和设计,以提供最佳的用户体验。以下是对其概念、功能和特点的详细分析。
前端必知必会-CSS表格table
本文介绍了的CSS 表格使用,如有问题欢迎私信和评论。
丹摩征文活动 |【前端开发】HTML+CSS+JavaScript前端三剑客的基础知识体系了解
小编本期主要讲解了关于前端三剑客的基础认知:HTML+CSS+JavaScript的基础知识
HTML+CSS实现学成在线ui
听说学成在线是每一个学习前端学生必须经历的,我也是经历过了,现在分享部分页面的源码,希望对大家有所帮助。下面是实现过程。
css 控制上下行距离
要使用 CSS 控制文本的上下行距(即行间距),你可以使用属性。属性定义了行盒的高度,它决定了行内元素的基线之间的最小距离。这是一个非常常用的属性,用于调整文本的可读性和美观度。
Web大学生网页作业成品——和平精英网页设计与实现(HTML+CSS+JS)(4个页面)
Web大学生网页作业成品——和平精英网页设计与实现(HTML+CSS+JS)(4个页面)
前端css背景渐变颜色的设置
前端css背景渐变颜色的设置
【扣子coze+微信开发者工具】实现ai自定义对话02:微信小程序对话页面简单设计
本系列文章实现了运用国内扣子Coze与微信开发者工具实现一个简单的微信小程序页面,一个与自定义AI语言交互问答的功能。本系列文章详细讲解的从创建bot到微信小程序页面还有接口的编写。后续可能会加入后端Java+SpringBoot的逻辑功能来丰富项目。成果预览:专栏相关操作1、创建自定义Bot2、微
Web大学生网页作业成品——西点蛋糕网页设计与实现(HTML+CSS)(5个页面)
Web大学生网页作业成品——西点蛋糕网页设计与实现(HTML+CSS)(5个页面)
用CSS实现视差滚动酷炫交互动效,高级感满满!
视差滚动是指多层背景网页元素在滚动时呈现出不同的滚动速度,可以让页面元素以不同的速度移动,从而创造出一种视觉上的层次感,形成立体的运动效果,给用户一种仿佛置身于三维空间的感觉,带来非常出色的视觉体验。网页解析成:背景层、内容层、悬浮层。当滚动鼠标滑轮的时候,各个图层以不同的速度移动,形成视觉差的效果
CSS3引入字体库font-family
工作中,设计师经常为了界面优美好看,会使用一些“个性化”的字体,由于使用者的浏览器不一定会安装对应的字体,因此代码写了字体体现不出来,如果挨个去给用户安装字体也不现实。.woff字体是Web字体中最佳格式,是一个TrueType的压缩版本,同时也支持原数据包的分离。.otf字体被认为是一种原始的字体
【前端】HTML+CSS常用标签
简单总结了HTML和css常用标签
前端——css动画
keyframes +自定义动画名字0%-100% 就是动画的开始到结束 帧数 ——from to0% {20% {30% {100% {或者from {20% {30% {to {
前端代码分享--爱心
给对象写的,顺便源码给大家分享一下就是简单的html+css+js,不复杂xin1.html<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> &l