html&css 第10页

盒子宽度自适应的几种方式

盒子宽度自适应的几种方式很多时候，我们会遇到盒子宽度不确定的情况；比如国际化、盒子内容后台控制、内容随机长度不确定等待，所以处理盒子宽度自适应就成为了比较重要的事情，以下是几种方式来自适应宽度：1.使用CSS

aCknow·2025-06-13 12:54

常用的scss工具方法封装

主要总结开发中常用的工具方法:1.移动端1px@mixinborder1($bColor,$type:bottom){position:relative;&::before{content:'';display:block;position:absolute;left:0;right:0;@if($type=='top'){top:0;}@if($type=='bottom'){bottom:0;

风清云淡_A·2025-06-13 12:24

uniapp常用技巧

第一篇scss函数的使用创建一个mixin.scss文件/*控制文本的隐藏*/@mixinellipsis($clamp:1){overflow:hidden;text-overflow:ellipsis

闷墩儿这只小猫咪·2025-06-13 12:24

JavaScript 替换和高亮文本的示例

在本文中，我将为你展示一个基本的JavaScript示例，演示如何使用replace方法来替换文本，并使用CSS来实现高亮效果。

自由翱翔碧海蓝·2025-06-13 12:23

前端八股文 - CSS 篇

1.盒模型1.1标准盒模型vsIE盒模型标准盒模型（box-sizing:content-box）width/height=内容区域大小总宽度=width+padding+border+marginIE盒模型（box-sizing:border-box）width/height=内容+padding+border总宽度=width+margin1.2外边距合并（MarginCollapse）相邻块

啃火龙果的兔子·2025-06-13 12:22

6SL3351-1AE32-6AA2调节型电源模块常见故障及解决方案

产品基本信息参数规格型号6SL3351-1AE32-6AA2系列SINAMICSS120类型主动式电源模块（AIM）输入电压3相AC380V~480V(±10%)输出电压600VDC（直流母线）输出功率

15306912905陈·2025-06-13 11:47

CSS3 @Media 媒体查询

CSS3媒体类型值描述all用于所有媒体类型设备。print用于打印机。screen用于计算机屏幕、平板电脑、智能手机等等。speech用于大声“读出”页面的屏幕阅读器。

fullstack_lth·2025-06-13 09:59

华为CSS集群与思科VSS技术对比：配置脚本详解与应用实践

目录应用场景深度解析华为CSS集群脚本华为脚本转换为思科脚本华为与思科脚本的区别总结附录：华为与思科脚本1.应用场景CSS（ClusterSwitchSystem）是华为核心交换机中的一种集群技术，通过将多台物理交换机虚拟化为单一逻辑设备

士别三日。·2025-06-13 08:23

JavaScript 性能调优

从加载上优化：合理放置脚本位置由于JavaScript的阻塞特性，在每一个出现的时候，无论是内嵌还是外链的方式，它都会让页面等待脚本的加载解析和执行，并且标签可以放在页面的或者中，因此，如果我们页面中的css

zqmattack·2025-06-13 08:22

打造超轻量的仿chatgpt的AI聊天应用

1总体概述使用纯HTML、CSS和JavaScript实现了一个类似ChatGPT的聊天界面。支持Markdown渲染（AI回复）、代码高亮、图片上传和预览、全局搜索、对话切换等。

酌沧·2025-06-13 08:49

Sass中连体符（&）的运用

文章目录与伪类的结合多类选择器后代选择器相邻兄弟选择在CSS中，要想给一个元素赋予一定的样式，我们必须得先取到这个元素。那么就得需要选择器，通过选择器来选择指定元素，然后赋予所需的样式。

爱吃红星柚·2025-06-13 04:24

sass/scss中的父选择器标识符&

在sass/scss使用嵌套规则时，可以使用&符号来表示父选择器，也就是上一级选择器。

听海边涛声·2025-06-13 04:51

scss（sass）中 & 的使用说明

在SCSS（Sass）中，&符号是一个父选择器引用，它代表当前嵌套规则的外层选择器。

BillKu·2025-06-13 03:48

html布局应用综合案例,使用div+css布局网页综合案例2——心灵小站（适用于高级教学）...

2、针对标签新建一个CSS样式，把边界设置为0px，字体为宋体。【制作logo栏】3、插入一个div标签，设置div的id为logo。(1)选中id为logo的div标签

只想静静地老湿敷·2025-06-13 02:09

css怎么将块元素变成,CSS块元素、行内元素、行内块元素的转换

一、块元素转行内元素：display:inline二、行内元素转块元素：display:blockdiv{display:inline;/*无效width:500px;height:500px;*/background-color:red;}p{display:inline-block;}span{display:block;width:400px;height:300px;background-

wa1ki0g·2025-06-13 02:38

CSS 基础选择器文字控制属性综合案例

网页制作思路：从上到下，先整体再局部先标签，再CSS美化1案例一案例一h1{color:#333333;font-size:30px;/*center居中对齐*/text-align:center;/*

码上奶茶·2025-06-13 02:08

前端CSS：行内元素、块级元素与行内块

前端CSS：行内元素、块级元素与行内块引言基本概念和作用说明行内元素（InlineElements）块级元素（BlockElements）行内块元素（Inline-BlockElements）示例与详细说明示例一

DTcode7·2025-06-13 01:36

【uniapp】小程序中input输入框的placeholder-class不生效

v-deep.textarea-placeholder{font-size:24rpx;font-weight:400;//color:rgba(176,184,194,1);color:red;}3.样式穿透scss

顽强d石头·2025-06-13 01:02

50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | RandomChoicePicker（标签生成）

可能你疑惑为啥名字和功能不一样，哈哈哈，不要怀疑，这只是我打错名字懒得改了。。。我们继续50个小项目挑战！——RandomChoicePicker组件仓库地址：https://github.com/SunACong/50-vue-projects项目预览地址：https://50-vue-projects.vercel.app/使用Vue3的CompositionAPI和语法结合TailwindC

sunbyte·2025-06-12 23:44

Vue 动态绑定 class 简单讲解

class名）三、对象语法（通过布尔值控制class生效）四、混合写法（数组+对象结合）五、关键要点六、典型应用场景七、一句话总结一、核心本质Vue里的:class（v-bind:class简写），是动态绑定CSS

WZMeiei·2025-06-12 19:16

前端面试宝典---事件循环面试题

JavaScript的单线程特性JavaScript采用单线程执行模型，其主线程同时承担两个关键职责：GUI渲染线程：处理HTML/CSS解析、样式计算、布局绘制（每秒60帧渲染）JS引擎线程：执行全局代码

Attacking-Coder·2025-06-12 18:42

【Web】腾讯云 COS 静态网站部署与自定义域名 HTTPS 全流程

静态网站是指所有页面内容都以静态文件（如HTML、CSS、JavaScript、图片等）形式存在，用户访问时服务器直接返回这些文件，无需后端动态渲染。

ganshenml·2025-06-12 17:01

计算机毕业设计Java汉服配饰销售系统(源码+系统+mysql数据库+lw文档)

计算机毕业设计Java汉服配饰销售系统(源码+系统+mysql数据库+lw文档)本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS

在线科技·2025-06-12 14:10

三维GIS开发cesium智慧地铁教程（7）路径漫游

一、引入Cesium库1.1Cesium库的基本配置在HTML文档中，我们引入了Cesium所需的JavaScript和CSS文件。确保路径正确，以便能够加载Cesium的功能和样式。

新中地GIS开发老师·2025-06-12 13:08

软件测试之自动化测试常用函数

软件测试之自动化测试常用函数自动化测试常用函数1.元素定位1.1cssSelector1.2xpath2.操作测试对象2.1点击/提交对象2.2模拟按键输入2.3清除文本内容2.4获取文本信息2.5断言

小何好运暴富开心幸福·2025-06-12 12:28

小程序动画性能提升指南：CSS硬件加速与JavaScript动画框架对比

本文将从底层原理出发，深度对比CSS硬件加速动画与JavaScript动画框架的优劣，并提供针对不同场景的性能优化方案。

·2025-06-12 09:09

Angular中Webpack与ngx-build-plus 浅学

在Angular项目中，Webpack负责将TypeScript、HTML、CSS等文件打包成浏览器可以理解的JavaScript文件。

·2025-06-12 07:46

CSS属性之浮动&文本&列表&边框

一、浮动显然标准流已经无法满足需求，这就要用到浮动。标准文档流，在页面中独占一行，自上而下排列，也就是传说中的流。浮动可以理解为让某个div元素脱离标准流，漂浮在标准流之上，和标准流不是一个层次。无论多么复杂的布局，其基本出发点均是:“如何在一行显示多个div元素”。1.float:left/right/none（无浮动）;2.浮动的目的:就是让竖着的元素进行横向排列，也就是能让元素和元素并排显示

Cocorna·2025-06-12 07:13

Css实现悬浮对角线边框动效

动画原理说明一、核心机制通过双伪元素(::before/::after)模拟边框，利用CSS过渡(transition)实现尺寸和颜色的动画联动。鼠标移入时触发展开动画，移出时逆向执行形成淡出。

你脸上有BUG·2025-06-12 06:40

50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | EventKey Codes（键盘码）

https://github.com/SunACong/50-vue-projects项目预览地址：https://50-vue-projects.vercel.app/使用Vue3的语法结合TailwindCSS

sunbyte·2025-06-12 03:01

关于vue3中无config文件

学习过程中，在打包vue3项目的时候发现打包出来的index.html里面引入的js和css文件路径全都不对应，网上查找之后了解到需要修改config文件，但在vue-cli3中没有发现这个东西，发现官方

Ezicat·2025-06-12 03:29

HTML+CSS小白入门与进阶教程

HTML+CSS小白入门与进阶教程【下载地址】HTMLCSS小白入门与进阶教程分享HTML+CSS小白入门与进阶教程欢迎来到《HTML+CSS小白入门与进阶教程》资源页面！

郑宜维David·2025-06-12 01:18

vxe-table 4.9+ 实现在表格列中直接拖拽排序，列拖拽排序

[email protected]@4.9.0main.js//...importVxeUIfrom'vxe-pc-ui'import'vxe-pc-ui/lib/style.css'importVxeUITablefrom'vxe-table'import'vxe-table

也只能是酱紫·2025-06-12 01:14

前端性能优化的核心：关键渲染路径的6大优化原则

前端性能优化的核心：关键渲染路径的6大优化原则关键词：关键渲染路径、前端性能优化、DOM、CSSOM、渲染树、布局、绘制摘要：你有没有过打开一个网页，等了3秒还没看到内容的经历？

大厂前端小白菜·2025-06-12 00:07

第十五届蓝桥杯Web开发应用赛道省/国赛部分题解

题目解析与代码实现第一题：跨屏变形记（CSS响应式布局）题目要求：实现页面在不同屏幕尺寸下的布局切换，当屏幕宽度≤768px时，容器改为垂直排列，各模块宽度自适应。

虚拟系别·2025-06-12 00:06

前端代码重构

2、前端代码规范化将css代码放到独立的文件中调整代码的层次缩进格式，不同层级按照4个空格缩进更改标准已不推荐

高手坟墓丶·2025-06-11 22:53

Electron简介（附电子书学习资料）

Electron是一个由GitHub开发的开源框架，允许开发者使用Web技术（HTML、CSS、JavaScript）构建跨平台的桌面应用程序（Windows、macOS、Linux）。

hweiyu00·2025-06-11 20:11

Svelte 核心语法详解：Vue/React 开发者如何快速上手？

在很多地方早就听到过svelte的大名了，不少工具都有针对svelte的配置插件，比如vite\unocss\svelte.虽然还没使用过，但是发现它的star82.9k数很高哦，学习一下它与众不同的魔法

heroboyluck·2025-06-11 20:38

深入理解 React 样式方案

React样式方案主要有：1.内联样式2.modulecss3.cssinjs4.tailwindcss这些方案中，均有各自的优势和缺点。

aiguangyuan·2025-06-11 16:38

HTML 、CSS 、JavaScript基本简单介绍

目录一、HTML（超文本标记语言）二、CSS（层叠样式表）三、与编程语言的对比四、为什么它们被称为“语言”？五、三者的协作关系小总结六、为什么JavaScript是脚本语言？

WZMeiei·2025-06-11 12:14

第四章、初识CSS3 （0基础，学HTML)

第四章、初识CSS3目录第四章、初识CSS31.学习目标2.CSS的概念3.CSS的优势4.CSS的基本语法4.1语法结构4.2style标签5.CSS样式5.1行内样式5.2内部样式表5.3外部样式表

新晋肖码农·2025-06-11 10:26

leaflet使用draw插件测量距离和面积

插件在线预览我的测量预览图：按照文档给出的例子，先引入这个插件，采用import形式import"leaflet-draw";import"leaflet-draw/dist/leaflet.draw.css

翠莲·2025-06-11 09:17

Bootstrap 颜色系统详解：打造和谐的前端配色

Bootstrap颜色系统详解：打造和谐的前端配色关键词：Bootstrap、颜色系统、前端配色、和谐配色、CSS摘要：本文深入探讨了Bootstrap的颜色系统，详细讲解了其核心概念、原理以及如何运用该系统打造和谐的前端配色

前端视界·2025-06-11 08:13

用vite创建React项目

对于CreateReactApp项目：1.创建项目：npxcreate-react-appmy-app2.安装依赖：npminstall-Dtailwindcss@npm:@tailwindcss/postcss7

前端小努力·2025-06-11 06:55

网页设计html对联样式代码,纯CSS做对联广告代码

上一篇文章介绍了使用JS方法对联广告，带有可关闭的功能：《JS对联广告-可点击关闭的两侧对联广告代码》下面为大家再介绍一个纯CSS(也不能说全纯CSS，还是有几句javascript代码的，可直接写在模板中

世界在你心里·2025-06-11 05:19

前端知识导图

前端知识导图参考：字节标准前端知识导图通用基础1、编程语言HTMLCSSJSTS2、计算机基础计算机网略数据结构算法：二分查找、十大排序、二叉树先中后和层次遍历、集合交并集、leetcode刷题经验编译构建

lucky_jiexia·2025-06-10 22:32

黑马前端入门学习笔记Day1

1.Web标准构成：主要包括结构（HTML，最重要）、表现（CSS）和行为（JS）。2.HTML语法规范：大部分双标签，单标签、3.VSCode工具①!+Tab快速生成页面骨架（英文下的!）

zhenzhenlaile·2025-06-10 19:05

BeautifulSoup：Python网页解析神器

核心优势：灵活的节点查找：支持多种查找方式（标签名、属性、CSS选择器等）。容错性强：自动处理不闭合标签、嵌套错误等。树形结构操作：支持遍历、修改文档树。二、安装与基础使用1.安装pipi

晨曦543210·2025-06-10 18:59

[plugin:vite:import-analysis] Failed to resolve import “vant/lib/index.css“ from “xxxxxx

先卸载npmuninstallvant在安装[email protected]版本冲突

脾气有点小暴·2025-06-10 16:42

构建仿淘宝电商网站HTML代码实战教程

本文还有配套的精品资源，点击获取简介：本项目重点介绍如何使用HTML5构建电子商务平台的网页设计和前端开发，涵盖响应式布局、新特性应用、页面元素设计、CSS3样式设计、JavaScript交互、响应式设计

·2025-06-10 15:04

推荐频道

html&css