首页分类标签搜索关于

← 返回标签列表

加载中...

© 2025 TechBlog. All rights reserved.

#标签

共 311 篇文章

CSS-样式基础与视觉设计从单位到字体

CSS-样式基础与视觉设计从单位到字体

使用@font-facep{

时间：12/23/2025

前端基础知识

前端基础知识

前端的html、css和JavaScript一些基础知识，及其相关练习

时间：12/18/2025

HTML中body实体内容

HTML中body实体内容

页面中用户能看到的所有的内容都是当前标签中包含的。

时间：12/17/2025

HTML常用行内标签

HTML常用行内标签

例如：百度的网址，无论在哪个文件，地址永远是https://www.baidu.com。语义：em和strong标签都有强调的语义，em是语气语调的强调，strong是内容的强调。b标签和strong标签都有加粗的默认样式，b标签没有语义，strong标签有强调的语义，i标签和em标签都有斜体的默认样式，i标签没有语义，em标签有强调的语义，你要跳转的文件跟超链接所在的文件在不同一个目录下，../跳出当前的文件夹，em是斜体强调，强调语音语调，strong是加粗强调，强调内容的重要性。

时间：12/17/2025

纯HTMLCSS健康数据分析平台

纯HTMLCSS健康数据分析平台

纯HTML/CSS健康数据分析平台设计本项目展示了一个完全基于HTML5和CSS3的健康数据分析平台，不依赖任何JavaScript。平台包含五大核心功能：数据仪表板、数据录入表单、数据可视化、数据分析表格和主题切换系统。通过CSSGrid、Flexbox和CSS变量等现代前端技术实现了响应式布局、动态主题切换和交互效果。项目亮点包括纯CSS实现的图表可视化、无JS的标签页切换、表单验证以及精心设计的动画效果，充分展现了现代CSS的强大能力。所有功能仅通过HTML结构和CSS样式实现，为轻量级We

时间：12/17/2025

用html5写一个国际象棋

用html5写一个国际象棋

return{gameOver:true,winner:'black',loser:'white',reason:'白方王被吃'};return{gameOver:true,winner:'white',loser:'black',reason:'黑方王被吃'};

时间：12/16/2025

css3如何引入外部字体

css3如何引入外部字体

摘要：CSS3的@font-face属性允许使用外部字体，通过定义字体名称和路径实现。语法为@font-face{font-family:自定义名;src:url(路径);}。示例代码引入&quot;字体家AI北京长城体.ttf&quot;并命名为myfont，使用时在div中设置font-family:myfont即可应用该字体。这种方法解决了电脑缺少特定字体的问题，使网页能显示自定义字体效果。（150字）

时间：12/13/2025

腾讯云国际站代理商-CSS有什么优势呢

腾讯云国际站代理商-CSS有什么优势呢

腾讯云国际站CSS直播服务通过代理商采购具有多重优势：成本方面，代理商提供阶梯折扣和弹性资源调配，可降低企业跨境直播成本；技术支持上，依托2800+全球节点和专属服务团队，确保快速技术适配和故障响应；场景定制方面，针对电商、教育等行业提供个性化功能集成；合规保障上，协助满足不同地区的版权和数据监管要求。此外，代理商还提供多语言培训、多币种结算等附加服务，全方位助力企业优化海外直播运营。

时间：12/12/2025

CSS-Grid布局详解

CSS-Grid布局详解

CSSGrid布局详解：CSSGrid是强大的二维布局系统，通过display:grid定义容器，子元素自动成为项目。核心概念包括网格线、轨道、单元格和区域。主要属性包括grid-template-columns/rows定义行列结构，gap设置间距，grid-auto-flow控制自动填充方式。项目可通过grid-column/row-start/end精确定位，或使用grid-area引用命名区域。Grid支持响应式布局，结合repeat()、minmax()等函数可实现灵活布局。相比Flexbox

时间：12/10/2025

css实现类似element官网的磨砂屏幕效果

css实现类似element官网的磨砂屏幕效果

css实现类似element官网的磨砂屏幕效果

时间：12/09/2025

第七篇Day19-21-前端工程化基础实现项目构建模块化开发对标职场大型项目开发需求

第七篇Day19-21-前端工程化基础实现项目构建模块化开发对标职场大型项目开发需求

能熟练使用ESModules进行模块化开发，掌握`export`/`import`语法，理解模块化的核心价值（解耦、复用、协作）；能独立用Vite搭建工程化项目，配置开发服务器、跨域代理、多环境变量、打包优化等核心功能；能理解工程化项目的目录结构规范，实现“接口模块+工具模块+页面逻辑”的分离开发，适配大型项目协作需求；完成作业：基于本文Vite项目，添加以下功能：①集成CSS预处理器（Sass/SCSS），重构common.css为common.scss；②添加ESLint代码规范检查；

时间：12/08/2025

Web-APIs元素可视区-client-系列属性-client-属性简介-常用的-client-属性-使用场景-代码示例-

Web-APIs元素可视区-client-系列属性-client-属性简介-常用的-client-属性-使用场景-代码示例-

一、元素可视区client系列属性1、client属性简介2、常用的client属性3、client属性应用场景二、代码示例-client系列属性1、代码示例2、执行结果

时间：12/07/2025

HTML5-原生-CSS-原生-JS-网页实现攻略

HTML5-原生-CSS-原生-JS-网页实现攻略

整个过程就像「搭积木+装修+装玩具」，我们不用自己设计积木形状（HTML代码现成），不用自己想装修风格（CSS代码现成），不用自己做玩具（JS代码现成），只需要按步骤“拼起来、换自己的图案”，就能完成一个专业网页！：图片命名要和代码里的一致（比如banner.jpg、team-1.jpg），如果图片尺寸不一样，网页会自动适配，不用手动调整大小～：这一步就像给房子刷墙、定家具位置，代码里已经写好了“墙要刷白色、标题要加粗、按钮要蓝色”，我们直接用现成的“装修方案”～

时间：12/06/2025

使用css制作一个环形进度展示圈

使用css制作一个环形进度展示圈

本文介绍了一种纯CSS实现环形比例图的方法，无需依赖Echarts等图表库。核心使用CSS3的conic-gradient（锥形渐变）属性来创建分段效果，通过radial-gradient实现中间镂空的圆环样式。示例代码展示了如何构建一个三色环形图（比例70%/15%/15%），并利用绝对定位在中心显示数值和单位说明。这种方法简洁高效，适合轻量级数据可视化需求，代码量少且易于自定义修改。

时间：12/05/2025

第六篇Day16-18-AJAX进阶接口对接实现前后端数据交互对标职场接口开发核心需求

第六篇Day16-18-AJAX进阶接口对接实现前后端数据交互对标职场接口开发核心需求

能熟练使用FetchAPI实现GET/POST请求，掌握“请求配置-响应解析-异常处理”全流程，理解异步请求的核心逻辑；能独立解决跨域问题（开发环境代理+生产环境CORS），掌握文件上传、请求中断等复杂接口场景的实现技巧；能对接后端接口规范，实现“数据获取-表单提交-文件上传”等完整业务流程，理解Token身份验证的实现逻辑；完成作业：基于本文代码，添加“头像裁剪”功能（用cropper.js库），裁剪后再上传；同时实现“多文件上传”功能，支持批量选择图片并显示各自上传进度。

时间：12/05/2025

grid应用之响应式布局

grid应用之响应式布局

非原创，内容来源渡一袁老师，简单记录下。

时间：12/04/2025

gird布局之九宫格布局

gird布局之九宫格布局

非原创，内容来源渡一袁老师，简单记录下吧。

时间：12/04/2025

DevUI-主题定制实战CSS-变量实现品牌主题与暗黑模式开发指南

DevUI-主题定制实战CSS-变量实现品牌主题与暗黑模式开发指南

2025年9月的一个下午，我正在调试自定义组件的最后一个bug，突然接到项目经理的紧急电话：“客户要求系统必须使用他们的品牌色，而且要支持暗黑模式，下周就要演示给董事会看！”我看了看日历，只有7天时间。作为一名拥有16年互联网从业经验的前端工程师，我经历过太多次这样的紧急需求。回想起在某金融直播平台担任技术总监时，主导千万级并发音视频流量的技术架构，当时也面临过类似的品牌定制挑战。7年的创业经历让我深刻理解，对于快速发展的企业来说，品牌视觉的统一性不仅关乎用户体验，更是企业形象的重要体现。

时间：12/02/2025

案例1-跳动的心

案例1-跳动的心

一颗正在跳动的心。

时间：12/02/2025

脚本网页-推理游戏

脚本网页-推理游戏

单页面即玩。

时间：12/01/2025

HTMLCSS使用HTML与后端技术连接数据库

HTMLCSS使用HTML与后端技术连接数据库

HTML负责构建网页的骨架，提供用户交互的表单等元素。用户通过表单输入数据，并通过表单的提交（submit）事件将数据发送到后端。

时间：12/01/2025

主题切换2CSS-变量自定义属性

主题切换2CSS-变量自定义属性

系统主题切换。在大型项目中，为了更好地组织CSS变量（自定义属性）、主题切换，通常会将变量定义在单独的文件中，然后在需要的地方引入。这样可以实现全局变量的统一管理，同时保持代码的可维护性。

时间：12/01/2025

主题切换1css变量的使用root

主题切换1css变量的使用root

:root是一个伪类选择器，它匹配文档的根元素（即<html>元素）。使用:root定义CSS变量（自定义属性）可以让变量具有全局作用域，方便在整个项目中统一管理和动态调整样式

时间：12/01/2025

11.29-脚本游戏-单页面格斗游戏模板

11.29-脚本游戏-单页面格斗游戏模板

【代码】11.29脚本游戏单页面格斗游戏模板。

时间：11/29/2025

上一页

1 2 3 4 5...13

下一页第 1 / 13 页