css

干前端16 小时前
前端·css
Vue3 组件库工程化实战:BEM 命名规范与 useNamespace 深度解析在阅读开源组件库(如 Element Plus、Ant Design Vue)的源码时,你可能会发现一个奇怪的现象:开发者几乎从不手写字符串形式的 CSS 类名(如 class="el-button"),而是使用类似 ns.b()、ns.e('icon') 这样的函数调用。
RFCEO16 小时前
前端·css·交互·css选择器优先级判断规则详解·css important使用·css链接伪类lvha顺序·实现悬浮交互效果
前端编程 课程十四、:CSS核心基础2:选择器优先级 + 伪类选择器(解决冲突+交互效果)一、课件说明1. 适用人群:零基础前端学习者,已熟练掌握(4种基础选择器、2种复合选择器),能精准选中HTML元素,熟悉外部样式表开发规范。
小满zs17 小时前
开发语言·javascript·css
Next.js第二十五章(CSS方案)在Next.js可以使用多种Css方案,包括:Tailwind CSS(css原子化),他是一个css框架,可以让你快速构建网页,他提供了大量的css类,你只需要使用这些类,就可以快速构建网页。
红色的小鳄鱼17 小时前
前端·javascript·css·vue.js·前端框架·html5
Vue 监视属性 (watch) 超全解析:Vue2 Vue3watch 是 Vue 响应式核心特性,专门监听数据变化并执行回调,主打处理异步操作、复杂逻辑,和 computed 互补,是开发必备技能。本文极简梳理核心用法,Vue2/Vue3 全覆盖,易懂好上手。
Hacker_Z&Q1 天前
前端·css·笔记
CSS 笔记2 (属性)CSS 字体属性定义字体、颜色、大小、加粗和文字样式rgba 通道的最后一位表示 " 透明度 "调整字体大小
CappuccinoRose2 天前
前端·css·学习·布局·flex布局·grid布局·float布局
CSS前端布局总指南目录布局方式概览1. 盒模型与基础布局2. 定位布局 (Positioning)3. 浮动布局 (Float)
强子感冒了2 天前
前端·css·学习
CSS基础学习:CSS选择器与优先级规则CSS全称Cascading Style Sheets,级联样式表,是专门用来给HTML定义样式,美化网页的。
layman05282 天前
前端·css·webpack
webpack5 css-loader:从基础到原理webpack本身是不能识别样式资源的,需要借助Loader来帮助webpack解析样式资源,样式资源包括但不限于css/less/sass/scss/styl
半桔2 天前
前端·css·html
【前端小站】CSS 样式美学:从基础语法到界面精筑的实战宝典在网页开发领域,CSS(层叠样式表,Cascading Style Sheets) 是让网页从 “单调结构” 走向 “美观交互” 的关键技术:如果把 HTML 比作搭建网页骨架的 “砖瓦”,CSS 就是定义 “外观风格” 与 “空间布局” 的 “设计师”—— 它能为网页赋予色彩、字体、间距、动画等视觉表现,让页面从 “能用” 真正升级为 “好看且易用”。
_OP_CHEN2 天前
前端·css·html·网页开发·样式表·界面美化
【前端开发之CSS】(一)初识 CSS:网页化妆术的终极指南,新手也能轻松拿捏页面美化!编辑前言一、CSS 是什么?—— 网页的 “化妆术” 有多神奇?1.1 官方定义:层叠样式表(Cascading Style Sheets)
啊哈一半醒2 天前
前端·css·css布局·标准流 浮动 定位·flex grid 响应式布局
CSS 主流布局CSS 主流布局一、标准流布局(Normal Flow)1. 核心定义2. 核心思考问题及解决步骤3. 核心代码示例(导航栏 + 行内块排列)
PHP武器库2 天前
前端·css
ULUI:不止于按钮和菜单,一个专注于“业务组件”的纯 CSS 框架在前端开发中,我们习惯了使用那些提供按钮、表单、菜单等基础元素的 UI 框架。但很多时候,我们真正的痛点在于如何快速、美观地展示业务数据和内容。为此,ULUI 带来了全新的视角。
~小仙女~2 天前
css·垂直居中
为什么垂直居中比水平居中难?CSS默认文档流是从左至右、自上而下的,块元素天然撑满父元素或设置相应的宽度,水平居中通过marign:0 auto即可快速实现;但是垂直方向默认根据内容流延申,没有天然的属性,所以需要通过布局干预实现。
RFCEO2 天前
前端·css·css基础选择器详细教程·css类选择器使用方法·css类选择器命名规范·css后代选择器·精准选中嵌套元素
前端编程 课程十三、:CSS核心基础1:CSS选择器课前热身:直观展示 HTML 元素精准选中 的效果,我们准备了一个带动画的交互 Demo:通过点击不同按钮,精准选中页面内的元素,并给选中的元素添加高亮、缩放等动画效果,同时在控制台输出选中的元素信息。
肖。35487870943 天前
android·java·javascript·css·html
html选择页最简模板源码,用于集合很多网页!游戏大全数字导航页面,数字选择页制作灵感,已经压缩到最小,现代,讲解。
共享家95273 天前
前端·javascript·css·python·pycharm·html·状态模式
搭建 AI 聊天机器人:”我的人生我做主“目录一、项目整体文件结构二、后端代码(app.py)全解析2.1 模块导入与环境初始化2.2 Coze AI 交互类封装(CozeService)
搬砖的阿wei3 天前
前端·css
CSS常用选择器总结CSS 选择器的核心作用是 精准选中 HTML 中的目标元素,为其设置样式,优先级从高到低大致为:ID 选择器 > 类选择器 > 属性选择器 > 元素选择器 > 通配符选择器,后续每个类型会标注优先级相关信息。
RFCEO3 天前
前端·css·flex 布局·css3原生自带的布局模块·flexible box·弹性盒布局·垂直居中困难
前端编程 课程十二、:CSS 基础应用 Flex 布局Flex布局是应用CSS美化页面的重要手段,可以在不同设备,不同页面情况下,自动化、动态调整元素布局。它是CSS3原生自带的布局模块,所有现代浏览器都原生支持,直接写CSS代码就能使用,无需任何额外操作,下面分模块讲述。
ziblog4 天前
前端·css
HTML5 Canvas梦幻背景动画特效<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML5 Canvas梦幻背景动画特效</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { overflow: hidd
weixin_456907415 天前
前端·css·html
2026+:html+css 生态的成型之年与平台化跃迁2026+:html+css 生态的成型之年与平台化跃迁回顾 2026年,html+css 生态系统所展现出的发展速度和完成度,已经远远超出“单一预言机网络”的范畴。从产品线扩展到平台能力整合,这一年可以被明确地定义为 html+css 平台形态正式成型的一年。 核心技术与标准 HTML5:最新的 HTML 标准,引入了语义化标签(