Web前端-CSS

前端：篮球投掷动画

篮球投掷动画使用H5和CSS3实现的一个篮球投掷动画。玩法：通过点击篮球所在的绿色(紫色)容器，实现篮球的投掷和回收。亮点：使用复选框和伪类选择器代替JS实现按钮控制效果。使用多重渐变完成背景的绘制。
懒羊羊大王呀·2024-08-24 03:34

小程序使用iconfont

1、下载选好的字体文件2、放入小程序目录下并将inconfont.css改名为iconfont.wxss3、wxss文件引用iconfont.wxss4、wxml中正常使用即可效果为：
摩羯座_·2024-08-24 00:19

Vue Styled Components 新版本发布

vue-styled-components.com近段时间版本升级比较频繁，所以多个版本一起合并说明了Feature自动添加前缀(AutoPrefixing)vue-styled-components会在编译CSS
来一杯奶茶呀！·2024-08-23 23:14

响应式Web设计：纯HTML和CSS的实现技巧

本文将深入探讨响应式Web设计的基本概念、实现技巧，并通过实际操作案例来展示如何使用纯HTML和CSS构建一个响应式网页。1
vvvae1234·2024-08-23 21:57

WEB网页设计期末作业个人主页——基于HTML+CSS制作个人简介网站

精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作
html5网页设计·2024-08-23 20:55

达梦数据库DMDSC搭建

前言本文先简单介绍了DMDSC，然后描述了如何搭建达梦数据库DMDSC目录前言DMDSC名词解析DMCSS控制节点(ControlNode)普通节点（NormalNode）DMCSS工作原理DMASMdmasvrmal
大大大大大魔王丶·2024-08-23 20:21

DMDSC搭建手册

DMCSS是一款集群控制软件，专门负责监控集群中各个节点的运行状态。裸设备：一种没有经过格式化，不被Unix/Linux通过文件系统来读取的特殊字符设备，允许直接访问磁盘而不经过操作系统
ahriall·2024-08-23 19:48

响应式Web设计：纯HTML和CSS的实现技巧

使用纯HTML和CSS实现响应式设计的技巧包括以下几个方面：使用流式布局百分比宽度：使用百分比代替固定宽度，使元素根据父容器的宽度调整大小。.
Min_nna·2024-08-23 18:12

html把分页改成滚动条,基于JavaScript实现表格滚动分页

$100January$100January$100January$100January$100January$100January$100January$100January$100January$100CSS
金小夕·2024-08-23 18:40

大学生HTML期末大作业——HTML+CSS+JavaScript购物商城（美食）

HTML+CSS+JS【购物商城】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️
无·糖·2024-08-23 16:55

layui 表格实现可编辑日历

页面引用layui.css和layui.js${now}js代码如下：vartableIns;varform;varlaydate;varindex;vartwo;layui.use(['table',
漠水情·2024-08-23 15:24

应届生web前端面试题_史上最全前端面试题(含答案)

2015-10-3006:30:03阅读(385)HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离
秦天生·2024-08-23 12:35

CSS原子化

目录一、定义二、原子化工具2.1、tailwind2.1.1、以PostCss插件形式安装2.1.2、不依赖PostCss安装2.1.3、修改原始配置2.2、unocss三、优缺点3.1、优点3.2、缺点一
野槐·2024-08-23 12:04

搜集来的web前端面试题

周五要面试web前端orz搜集下面试题1、什么是盒子模型？
Mirana_77·2024-08-23 12:34

Web前端面试题总结

HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问
mikelkl·2024-08-23 12:33

HTML+CSS+JS计算器

效果图计算器功能详解本计算器实现了多种功能，以下是所有功能的详细说明：清空显示框©功能:清除显示框中的所有内容。解释:该功能用于重置计算器状态，清空当前输入的内容，使用户可以重新开始输入。输入数字(0-9)功能:将数字输入到显示框中。解释:数字按钮用于输入数学表达式中的数字部分。点击这些按钮会将相应的数字添加到显示框中。输入小数点(.)功能:在显示框中添加小数点。解释:小数点按钮用于输入小数。如果
睿智的海鸥·2024-08-23 11:28

html+css+js贪吃蛇游戏

贪吃蛇游戏四个按钮控制方向源代码在图片后面点赞❤️关注收藏⭐️互粉必回源代码贪吃蛇游戏body{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5;margin:0;font-family:Arial,sans-serif;}.game-container{widt
睿智的海鸥·2024-08-23 11:28

Web前端：CSS篇（一）样式表导入，选择器介绍

CSS介绍CSS(CascadingStyleSheets，层叠样式表），是一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言，CSS文件扩展名为.css。
梓仁沐白·2024-08-23 11:28

Web前端：CSS篇（二）背景，文本，链接

CSS背景背景颜色background-color属性定义了元素的背景颜色.页面的背景颜色使用在body的选择器中:body{background-color:#b0c4de;}CSS中，颜色值通常以以下方式定义
梓仁沐白·2024-08-23 11:28

Web前端：HTML篇（一）

HTML简介：超文本标记语言（英语：HyperTextMarkupLanguage，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用HTML来建立自己的WEB站点，HTML运行在浏览器上，由浏览器来解析。一个简单的实例这是页面标题这是一个标题这是一个段落。运行结果：HTML标签如前所述，HTML是一种标记语言，使用各种标签来格式化内容。这些标签被封装在角括号内.除了一些标签外，大多数标
梓仁沐白·2024-08-23 11:58

JS中document.querySelector什么意思

letelement=document.querySelector('selector');其中'selector'是一个CSS选择器，例如：'#myId'
北原_春希·2024-08-23 11:25

Real DOM, Virtual DOM, Shadow DOM,之间有什么区别

在网页开发中，HTML文档的结构和内容以及与之相关的CSS样式构成了网页的表示。RealDOM表示了这个网页的当前状态，包括所有的HTML元素、属性、文本内容、样式和布局信息等。
zayyo·2024-08-23 10:52

纪念第一次面试安服-靶机测试过程以及思路

靶机测试过程以及思路解题思路：1查看web界面站点信息（寻找有价值信息）2查看站点源码信息（html\css\js）3遍历目录，访问可访问站点（发现登陆界面）4解码站点有用信息（图片、文本）5登陆界面dirb
寻址00000001·2024-08-23 10:21

前端必知必会-CSS布局伪元素

文章目录CSS伪元素伪元素的语法：::first-line伪元素::first-letter伪元素伪元素和HTML类多个伪元素CSS-::before伪元素CSS-::after伪元素CSS-::marker
编程岁月·2024-08-23 10:48

CSS 的text-size-adjust属性

text-size-adjust属性在CSS中用于控制用户是否可以调整网页中文字的字体大小。这个属性主要针对移动设备上的浏览器，尤其是那些允许用户通过捏合（pinch）手势来缩放整个页面的浏览器。
读心悦·2024-08-23 08:41

14种CSS实现水平或垂直居中的技巧，快来收藏

缺陷：translate是css3属性，低版本浏览器不支持。显著优势：无需固定定位元素的宽高。css:.example8{position:relative;margi
王钧易·2024-08-23 08:10

HTML5+CSS3小实例：抽屉式相册

HTML5+CSS3小实例：抽屉式相册技术栈：HTML+CSS效果：源码：抽屉式相册*{/*初始化取消内外边距*/margin:0;padding:0;}body{/*100%窗口高度*/height:
艾恩小灰灰·2024-08-23 05:22

前端如何上传文件到七牛

使用express+ejs提供渲染带数据页面的服务来响应浏览器的页面请求使用express的static中间件提供静态cssjs图片资源的服务使用express的getpost响应页面中的请求并进行与七牛相关的处理在浏览器打开的进行上传操作的交互页面中使用
叶落无痕123·2024-08-23 03:34

前端优质框架【持续迭代】

1.极简模块化前端UI框架Layui源码地址：https://gitee.com/sentsin/layuiLayui是一款采用自身模块规范编写的情怀型前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式
hzh_猴哥·2024-08-23 02:30

web前端技术分享：koa中间件是如何实现的？

在前端开发过程中我们可能会使用到koa中间件，但很多同学却不知道它是如何实现的，下面小千就来给大家介绍一下这个koa中间件（洋葱模型）。一、问题分析asyncawait是promise的语法糖，await后面跟一个promise，所以上面的代码可以写成：改成这样更好理解一些，所以流程控制的核心在于next的实现。next要求调用队列中下一个middleware，当达到最后一个的时候resolve。
程序员的小傲娇·2024-08-23 01:56

Vue统一样式（reset.css与border.css）

reset.css不同浏览器对相同标签的显示效果，有时候往往不同，那么在做项目的时候就需要对基本的样式进行设置，以达到在不同浏览器下显示效果是相同的，reset.css的作用就在于此。
杨爽的博客·2024-08-23 01:55

css设置元素居中显示

CSS中实现居中显示可以通过不同的属性来实现，取决于你是要水平居中还是垂直居中，或者两者都要。
DN金猿·2024-08-23 01:24

css当中hover用法

mymenu{border:1pxsolidblack;/*refertofavo.dbk2008.comstyle.borderBottomWidth(Property)itcorrespondingCSSsyntax
仔仔尔·2024-08-23 00:20

css伪类动画效果

一、before和after伪元素(详解)之所以被称为伪元素，是因为他们不是真正的页面元素，html没有对应的元素，但是其所有用法和表现行为与真正的页面元素一样，可以对其使用诸如页面元素一样的css样式
酷爱打戴马·2024-08-23 00:19

26.CSS 继承属性速查表 & 内部聚焦

CSS继承属性速查表CSS规范明确规定了哪些CSS属性是继承的,但相关附录并不是最友好的资源。
@大迁世界·2024-08-23 00:19

CSS 继承属性速查表 & 内部聚焦

CSS继承属性速查表&内部聚焦CSS继承属性速查表CSS规范明确规定了哪些CSS属性是继承的,但相关附录并不是最友好的资源。
@大迁世界·2024-08-23 00:18

css穿透样式：deep的用法

在前端开发中，尤其是使用Vue.js这样的框架时，有时我们需要在子组件中修改或影响由父组件传递下来的样式。然而，由于组件的封装和样式隔离，直接修改子组件中的样式可能不起作用。这时，我们可以使用::v-deep伪元素来实现深度选择，也叫做深度穿透。在Vue3中，我们可以使用::v-deep来替代Vue2中的>>>或::v-deep(在单文件组件的中)。::v-deep允许我们选择子组件中的深层嵌套元
番茄小酱001·2024-08-23 00:17

CSS(源码+lw+部署文档+讲解等)

文章目录前言CSSCSS的引入方式CSS的选择器CSS的盒子模型外边距合并标签的分类块级元素行级元素行内块浮动源码获取前言博主介绍：✌全网粉丝15W+,CSDN特邀作者、211毕业、高级全栈开发程序员、
青蛙java·2024-08-23 00:17

CSS的:read-write和:read-only伪类：增强表单元素的样式与用户体验

CSS（层叠样式表）是用于控制网页样式的核心技术之一。随着Web开发的不断进步，CSS提供了越来越多的伪类来增强开发者对页面元素的控制能力。
liuxin33445566·2024-08-23 00:16

CSS 8种让人眼前一亮的hover效果眼前一亮的HOVER效果

目录CSS8种让人眼前一亮的hover效果眼前一亮的HOVER效果一、发送效果二、霓虹效果三、边框效果四、圆形渐进效果五、圆角效果六、冰冻效果七、闪亮效果八、加载效果CSS8种让人眼前一亮的hover效果眼前一亮的
小湾生产队队长·2024-08-23 00:15

CSS系列:伪类选择器小记

为啥需要伪元素选择器1、访问和样式化文档的特定部分2、在不改变HTML结构的情况下添加内容3、创建视觉效果4、提高网页性能5、保持HTML的语义化四、为啥需要属性选择器1、精确选择和样式化元素2、提高CSS
浪潮行舟·2024-08-22 23:14

CSS的:indeterminate伪类：精妙控制不确定状态的样式

CSS的:indeterminate伪类是一个强大但较少为人所知的工具，它允许开发者选择那些处于不确定状态的元素，如未选中但也不完全未勾选的复选框（checkbox）。
哎呦没·2024-08-22 23:14

CSS的:only-child伪类：精准定位单一子元素的样式艺术

CSS的选择器功能非常强大，它们允许开发者根据元素的特定属性或状态来应用样式。:only-child伪类是CSS3中引入的选择器之一，它用于选择一个元素，当且仅当它是其父元素的唯一子元素。
2402_85758349·2024-08-22 23:44

CSS方向选择的艺术：深入探索:horizontal和:vertical伪类

CSS（层叠样式表）是构建网页视觉表现的核心工具。随着CSS规范的不断更新，我们拥有了更多的选择器来精确控制网页元素的样式。
2401_85702623·2024-08-22 23:43

基础到实践：深入了解HTML和CSS

目录1.HTML入门示例：HTML基本结构2.CSS基础示例：基本CSS样式3.结合HTML和CSS示例：使用CSS调整HTML结构4.CSS布局技巧示例：使用Flexbox进行布局总结HTML和CSS
自身就是太阳·2024-08-22 23:42

27.CSS 伪类是什么? & 屏幕外

CSS伪类是什么?CSS伪类提供了一种根据元素状态的变化来设置样式的方法。例如,:hover可用于在用户的指针悬停在元素上时应用额外的样式。
@大迁世界·2024-08-22 23:41

CSS的:dir()伪类：根据文本方向定制样式的指南

CSS3引入了:dir()伪类选择器，它允许开发者根据元素的文本方向来应用特定的样式规则。本文将详细介绍:dir()伪类的使用方法，并结合代码示例展示其在实际开发中的应用。
2401_85439108·2024-08-22 23:40

使用WebStorm进行高效的全栈JavaScript开发

全栈开发者不仅需要掌握前端技术栈（如HTML、CSS和JavaScript），还必须理解后端技术（如Node.js、Express等）和数据库（如MongoDB或MySQL）。
vvvae1234·2024-08-22 22:38

pywebview 入门

它利用系统的WebView组件，使得开发人员可以使用现代Web技术（HTML、CSS、JavaScript）来创建用户界面，同时使用python处理业务逻辑。pyw
lanfordxb·2024-08-22 22:36

前端开发中的大屏布局方案：使用 rem 单位与动态设置 html 的 font-size

先看效果rem单位简介rem是CSS中的一个相对单位，全称为"rootem"。它代表的是根元素（通常是元素
天生我材必有用_吴用·2024-08-22 18:44
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他