技术栈
css
小牛.793
6 小时前
前端
·
javascript
·
css
Web第二次作业
作业一:学校官网1.1学校官网代码如下:运行结果如下:1.2教务系统登录页面代码如下:运行结果如下:1.3在线学堂
一只小风华~
11 小时前
前端
·
css
CSS aspect-ratio 属性
aspect-ratio 是 CSS 中用于控制元素宽高比的属性,通过一行代码即可实现响应式比例布局,无需复杂计算。它确保元素在不同屏幕尺寸下保持固定比例,提升响应式设计效率。
小小愿望
12 小时前
前端
·
javascript
·
css
解锁前端新技能:让JavaScript与CSS变量共舞
在现代前端开发中,动态样式需求日益增长——从主题切换到响应式布局,从数据可视化到交互特效。然而许多开发者仍困惑于一个问题:"如何在CSS中优雅地使用JavaScript变量?" 本文将系统解析主流解决方案,助你突破样式与行为的边界。
胡西风_foxww
13 小时前
css
·
column
·
入门
·
指南
·
layout
·
多列布局
·
上手
CSS 多列布局(Multi-column Layout):快速上手指南
CSS 多列布局(Multi-column Layout)是一种将内容流式分布到多个列中的布局方式,类似报纸、杂志的排版效果。与网格布局(Grid)不同,多列布局中子元素保持正常文档流,列会根据可用空间自动调整数量或宽度,无需手动指定每个元素的位置。
鴆川傲
13 小时前
前端
·
javascript
·
css
web前端第二次作业
一、学校官网 1.1学校官网 代码如下1.2学校在线学堂官网 代码如下:1.3学校教务系统登陆界面 代码如下
AliciaIr
13 小时前
前端
·
css
深入理解CSS居中:面试必备的布局技巧与底层原理(下)
在上篇文章中,我们深入探讨了CSS居中的基础概念、行内/行内块元素的居中方法,以及块级元素的各种居中方案。从最基础的 text-align 和 margin: auto,到经典的绝对定位方案,再到现代的 Flexbox 和 Grid 布局,我们已经掌握了CSS居中的核心技术。
胡gh
13 小时前
前端
·
css
·
面试
面试官问你如何实现居中?别慌,这里可有的是东西bb
在网页设计中,"居中"是一个看似简单却充满技巧的问题。今天,我将带您深入研究这个"对手",从最基础的概念开始,详细讲解各种居中方法。
xixixin_
15 小时前
前端
·
css
·
uni-app
·
html
·
css3
【HTML】在页面中画一条0.5px的线
这个方案可以给上下左右 任意方向 添加极细边框
王柏龙
15 小时前
前端
·
css
css 属性@font-face介绍
@font-face 是 CSS 中用于自定义字体的规则,允许网页开发者在网页中使用服务器端的自定义字体文件,而不依赖用户系统中已安装的字体。这使得网页可以展示独特的字体样式,保持设计的一致性。
鸢栀w
15 小时前
前端
·
css
·
笔记
·
学习
前端css学习笔记5:列表&表格&背景样式设置
本文为个人学习总结,如有谬误欢迎指正。前端知识众多,后续将继续记录其他知识点!目录前言一、列表(下面属性用于ul ol li)
chinahcp2008
1 天前
前端
·
css
·
html
·
css3
·
html5
CSS保持元素宽高比,固定元素宽高比
暖木生晖
1 天前
javascript
·
css
·
css3
·
flex
flex-wrap子元素是否换行
flex-wrap设置子元素是否换行,默认情况下,项目都排在一条线(又称”轴线”)上。flex-wrap属性定义,flex布局中默认是不换行的。
不羁。。
1 天前
前端
·
css
·
html
【web站点安全开发】任务3:网页开发的骨架HTML与美容术CSS
目录一、HTML:网页的骨架与内容结构1.1 核心功能深入解析内容结构化多媒体嵌入交互元素1.2 HTML文档结构详解
掘金约基奇_
1 天前
css
对css clip-path属性的理解,以及开发中的实际应用。
clip-path属性用于定义元素的可见区域,可将元素裁剪成任意形状的多边形。40px代表圆的半径,其实这种是circle(40px at 50% 50%)的简写,50% 50%代表圆心位置,不写默认是几何图形的中心。
橙某人
1 天前
前端
·
javascript
·
css
🖼️照片展示新境界!等高不等宽自适应布局完整教程⚡⚡⚡
Hello everyone! 🤠今天是 2025 年 08 月 03 日 下午,这周总算迎来了好天气。虽说有点热,但总归比下雨天舒服多了,特别适合出去晒晒太阳。🌞
前端Hardy
1 天前
javascript
·
css
·
html
HTML&CSS:有趣的小铃铛
这个 HTML 文件实现了一个带有 3D 效果和动画的“小铃铛”页面,用户可以通过点击铃铛来触发动画效果。
ScottePerk
1 天前
前端
·
css
·
float
·
浮动布局
·
clear
css之再谈浮动定位float(深入理解篇)
在现代开发中,float实际上已经很少使用,因为有更好用的flex布局。但float有他的历史地位,我学的第一个定位方式就是float。而且在面试中经常被提问,引出经典的BFC问题。实际上,float已经成为一个前端僵尸属性,用的不多,也不好用,但面试又被经常提及。
泡芙牛牛
1 天前
前端
·
css
CSS动画:animation、transition、transform、translate的区别
在日常前端开发中,很少有用到需要做动画效果的页面,大部分都是靠UI切图,所以一直对css的动画一头雾水。最近接到一个Tab组件的开发需求,领导希望实现类似某网站上的特定动画效果。
车厘小团子
1 天前
前端
·
css
·
html
都5202年了,你不会还只知道用border做边框吧?
在 CSS 世界里,边框不只是 border 一条路。你可能一直用 border 写边框,hover 时元素宽度变化、渐变边框做不出来……其实,现在有更酷、更灵活的方式来实现边框效果。今天我们就来盘一盘——都有哪些边框“新玩法”,以及什么时候用它们最合适。
xixixin_
1 天前
android
·
css
·
ios
·
h5
【H5】禁止IOS、安卓端长按的一些默认操作
例:ios的a标签出现小型窗口;