Web前端-CSS

web CSS3伪类选择器 :nth-child()

:nth-child()可以选择某个的一个或多个特定的子元素，你可以按这种方式进行选择：:nth-child(length);/*参数是具体数字*/:nth-child(n);/*参数是n,n从0开始计算*/:nth-child(n*length)/*n的倍数选择，n从0开始算*/:nth-child(n+length);/*选择大于length后面的元素*/:nth-child(-n+lengt
worldzhy·2024-02-20 21:11

HtmlCss光标(插入符caret)透明隐藏光标 221106笔记

HtmlCss光标透明隐藏光标221106笔记光标有两种文字插入符光标(caret),一闪一闪的竖线鼠标光标(cursor),或者应该叫指针,或叫鼠标指针光标caret文字光标或叫插入符光标cursor
kfepiza·2024-02-20 21:10

css选择器:nth-child()的用法

:nth-child():nth-child()选择器，该选择器选取父元素的第N个子元素，与类型无关。一、选择列表中的偶数标签:nth-child(2n)二、选择列表中的奇数标签:nth-child(2n-1)三、选择从第6个开始的，直到最后:nth-child(n+6)四、选择第1个到第6个:nth-child(-n+6)五、两者结合使用，可以限制选择某一个范围，选择第6个到第9个:nth-ch
cdgogo·2024-02-20 21:09

CSS的伪类选择器:nth-child()

CSS的伪类选择器:nth-child()CSS的伪类选择器:nth-child()是一个非常强大的工具，它允许你根据元素在其父元素中的位置（序数）来选择特定的子元素。
kfepiza·2024-02-20 21:38

前后端开发的心得体会_前后端对接的思考及总结

NodeJs技术的火爆,现在的前端已经非以前传统意义上的前端了,各种前端框架(Vue、React、Angular......)井喷式发展,配合NodeJs服务端渲染引擎,目前前端能完成的工作不仅仅局限于CSS
weixin_39586915·2024-02-20 20:29

实现前端点击按钮自动复制剪贴板功能

复制忽略css//定义函数window.Clipboard=(function(window,document,navigator){vartextArea,copy;//判断是不是ios端functionisOS
一郭鲜·2024-02-20 20:47

从0到1制作WordPress主题#7添加样式和分解文件

添加样式打开style.css文件添加一些基本样式。整个项目的目的并不是要创建一些外观漂亮的主题，我只是希望您熟悉PHP代码以及如何设置主题。
埼玉是个逗B·2024-02-20 20:01

ionic3打包APP

可以帮助您使用Web技术，比如HTML、CSS和Javascript构建接近原生体验的移动应用程序。
thisDong·2024-02-20 20:52

css百分比参照总结

参照父元素宽度的元素：paddingmarginwidthtext-indent特别注意：`margin-top:20%;`为父元素宽度的的20%。参照父元素高度的元素：height参照父元素属性:font-sizeline-height特别：topbottomleftright相对定位的时候，参照的是父元素的内容区域的高度与宽度，而绝对定位的时候参照的是最近的定位元素包含padding的高度与宽
baxiamali·2024-02-20 20:57

基于JAVA消防应急管理系统计算机毕业设计源码+数据库+lw文档+系统+部署

部署基于JAVA消防应急管理系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS
兰兰学姐·2024-02-20 20:41

基于JAVA进出货管理系统计算机毕业设计源码+数据库+lw文档+系统+部署

+部署基于JAVA进出货管理系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS
如美学姐·2024-02-20 19:08

计算机毕业设计Java酒店管理系统设计与实现(源码+系统+mysql数据库+lw文档)

计算机毕业设计Java酒店管理系统设计与实现(源码+系统+mysql数据库+lw文档)本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS
山逸网络·2024-02-20 19:38

通过鼠标的拖动改变DOM的高度和宽度

web前端开发中，通过鼠标的拖动改变控件高度和宽度的做法有多种。我以前使用的方法是：为控件添加mousemove事件，当鼠标移到边距时，显示cursor为e-resize，表示可以拖动。
ganyuanmen·2024-02-20 19:32

前端|JavaScript 基础–第3天（黑马笔记）

JavaScript基础–第3天目录JavaScript基础--第3天一、if多分支语句和switch的异同二、for语句1.for语句的基本使用2.循环嵌套案例一：倒三角案例二：九九乘法表css样式JS
Sunshine.King·2024-02-20 19:52

前端| Day6:Flex布局（黑马笔记）

Day6:Flex布局目录Day6:Flex布局一、标准流二、浮动1.基本使用2.产品区域布局HTML标签CSS样式3.清除浮动场景搭建额外标签法单伪元素法双伪元素法overfow法三、Flex布局1.
Sunshine.King·2024-02-20 19:22

前端|Day3:CSS基础（黑马笔记）

Day3:CSS基础目录Day3:CSS基础一、CSS初体验二、CSS引入方式三、选择器1.标签选择器2.类选择器3.id选择器4.通配符选择器四、盒子尺寸和背景色五、文字控制属性1.字体大小2.字体样式
Sunshine.King·2024-02-20 19:48

HTML5+CSS3小实例：有点小酷的input输入框动画

HTML5+CSS3实现有点小酷的input输入框动画，带动画的输入框，总是让人忍不住去点它。
艾恩小灰灰·2024-02-20 19:38

vue2和vue3中sass的使用

Sass(SyntacticallyAwesomeStyleSheets)是一种流行的预处理器脚本语言，用于扩展CSS的功能。它提供了许多功能，使编写和维护CSS代码更加容易。
·2024-02-20 19:34

前端开发是做什么的？工作职责有哪些？

说白了，就是开发网页程序，如下图所示：那在讲解web前端开发之前，我们先需要对web前端开发有一个整体的认知。主要明确一下三个问题：1）网页有哪些部分组成？
黑马程序员官方·2024-02-20 18:48

2024前端面试准备之CSS篇（一）

全文链接1.CSS选择器的优先级是怎样的CSS选择器的优先级是：内联>ID选择器>类选择器>标签选择器计算示例：优先级由A、B、C、D的值来决定的，其中它们的值计算规则如下：A的值等于1的前提是存在内联样式
前端fighter·2024-02-20 18:09

JavaWeb静态资源的访问

这是因为我们现在在服务器上配置的主要处理Servlet的前端处理器是DispatcherServlet这个SpringMVC的处理器，servlet的url-pattern为“\”表示拦截所有请求，这样会导致我们的静态资源如图片，js,css
誓言唯美RQL·2024-02-20 18:37

java访问web中静态资源_JavaWEB项目静态资源访问问题

今天碰到一个问题，SSM项目WEB-INF目录下的静态资源例如.css.js.font等文件无法访问。百度了一下，需要配置SpringMvc对访问静态资源的支持。
杨晓杰·2024-02-20 18:37

java web静态资源分离_JavaWeb静态资源分离思路

JavaWeb开发过程中我们的静态资源img和css和js等都是放在项目中一起打包到war包里发布到Web服务器tomcat中运行的。
Mjohfspjt·2024-02-20 18:37

webpack使用说明

)现代javascript应用程序的静态模块打包器(modulebundler)●静态:文件资源●模块:node环境,引入文件,遵守模块化语法除了合并代码,还可以翻译和压缩代码●less/sass->css
九九nine9·2024-02-20 18:19

面试题之项目做过哪些性能优化可以从哪方面说？

常见的性能优化措施：1.减少HTTP请求数：合并和压缩CSS、JavaScript⽂件，使⽤雪碧图、字体图标等减少图片请求，减少不必要的资源请求。
STATICHIT静砸·2024-02-20 18:42

【Javascript】webpack的使用和特性

webpack的使用在实际开发中，Webpack是一个非常强大的前端构建工具，可以用于将各种前端资源（如JavaScript、CSS、图片等）打包成静态资源。
STATICHIT静砸·2024-02-20 18:38

webpack5介绍及基本使用（一）

webpack语法规范安装依赖及基本配置loader(加载器)1、处理ts/js文件1.1babel配置文件1.2browserslist配置文件2、处理图片、字体、图标等资源文件3、处理**less、scss
前端咸鱼翻身·2024-02-20 17:03

爆火的截图生成代码项目核心功能竟然只是一条 Prompt

aid=451188390&ci...screenshot-to-code这个项目可以将屏幕截图转换为HTML/TailwindCSS代码。
·2024-02-20 17:56

渗透测试之XSS（跨站脚本攻击）

XSS（CrossSiteScripting）跨站脚本攻击，为区别于CSS改首字母为X。
little whhite·2024-02-20 17:54

HTML5+CSS3小实例：广告灯牌效果的loading动画

实例：广告灯牌效果的loading动画技术栈：HTML+CSS效果：源码：【html】广告灯牌效果的loading动画拼命加载中...
艾恩小灰灰·2024-02-20 17:10

vite+ts+vue3项目初始化 -- eslint+prettier代码格式化

vue3+ts项目初始化配置--eslint+prettier格式化校验一、配置@代替src目录二、项目中引入scss三、引入公共样式四、引入组件报红色波浪线五、有些语法不认识需要在vscode中安装Volar
weixin_43993776·2024-02-20 17:55

vue key重复_Vue 前端面试题汇总

关注关注前端潮咖，每日精选好文https://github.com/ltadpoles/web-document/tree/master/Other前言前几天整理了一些html+css+JavaScript
weixin_39963341·2024-02-20 17:53

【退役之重学前端】使用vite+vue3+vue-router，重构react+react-router前后端分离的商城后台管理系统

前言：对前端各个技术板块，HTML、CSS、JavaScript、ES6、vue家族，整体上能“摸其大概”。笔者计划重构一个基于react的商城后台管理系统。
williamdsy·2024-02-20 16:18

jquery 换肤

image.pnghtml//元素选中.siblings().removeClass("selected");//去掉其它同辈元素的选中.cookie("MyCssSkin",skinName,{path
SkTj·2024-02-20 16:36

【2023】uniapp+vue3+ts超实用模板(续）

6、处理unocss生成的样式在小程序报错问题在上面模板的基础上，npmrundev:mp-weixin会在dist/dev/mp-weixin生成微信小程序文件，打开微信开发者工具，导入该文件夹，发现跑不起来
·2024-02-20 16:13

小程序自定义导航栏

1.wxml页面（自定义导航栏的布局）//css就不粘出来了2.自定义导航栏js（要跳转的页面对应显示的图片）3.在要调用的页面json中写入如图：4.在要调用的页面的wxml中写入如图：5.要调用的页面的
人间四月天i·2024-02-20 16:01

css的counter使用

1、counter-reset重置counterdiv{counter-reset:itemnumber}计数的起始值2、counter-incresment递增counterdiv{counter-incresment:itemstep}3、counter()输出计数内容div{content:counter(item)}
捞兴·2024-02-20 16:34

可能是最全的前端动效库汇总

收集日期为2019-02-28，“★”代表当时的该项目在github的star数量Animate.css56401★一个跨浏览器的动效基础库，是许多基础动效的解决方案。
weixin_34408624·2024-02-20 15:26

「HTML+CSS」--自定义加载动画【013】

效果展示css-自定义加载动画9a.gifDemo代码HTMLDocu
海轰Pro·2024-02-20 15:50

milligram css 源码浅析

一、前言milligram是我在20年接触并使用的一个CSS库，他的出现时间已经无法溯源了，根据npm上的发布时间最早是2015年，而在国内名气起来的时间大概就是2020年了，同时milligram最后的更新也停在了那一年
子洋丶·2024-02-20 14:35

CSS 实现 3D 书本展开动效

一、前言本文将使用纯CSS实现一个简单的3D书本展开动效。
子洋丶·2024-02-20 14:05

css动画-太极图

太极图*{margin:0;padding:0;}.box{position:relative;width:240px;height:120px;margin:100pxauto;border-style:solid;border-width:1px1px120px1px;border-radius:50%;animation:rot2sinfinitelinear;}.box:before{co
ssttIsme·2024-02-20 14:12

scoped原理、穿透原理、哈希计算

文章目录什么是socped原理data-v-xxxx什么是socped当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前组件，通过该属性，可以使组件之间的样式不相互污染。
我年薪百万·2024-02-20 14:50

一起来使用node.js制作一个视频吧

theme:fancyTNTWeb-全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。
·2024-02-20 14:19

element-ul el-dialog自定义样式

custom-class自定义类名对应的css：/deep/.test-music{min-width:500px}/deep/深度选择器
丹婶·2024-02-20 14:46

一起来使用node.js制作一个视频吧

theme:fancyTNTWeb-全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。
·2024-02-20 14:15

web前端入门到实战：7道简单的 JavaScript 面试题，三个月没招到一个前端开发工程师

你能做什么?遵循这个建议：“熟能生巧”。通过投入足够的时间，更好地定期深入了解JavaScript，将改善你的编码，并顺便提高你的面试技巧。在这篇文章中，你会发现7个乍一看很简单，但实际上很棘手的JavaScript面试题。虽然一开始这些问题看起来是随机的，但是它们试图与JavaScript的重要概念挂钩。所以你最好在下次面试前练习一下!1.意外的全局变量问题在以下代码中，typeofa和type
大前端世界·2024-02-20 14:51

微信小程序（第七章）- 搜索框的实现

微信小程序1个页面所对应的4个文件wxml文件->html文件wxss文件->css文件j
_Zhx_·2024-02-20 14:56

Qt 5.9.4 转 Qt 6.6.1 遇到的问题总结（三）

3.QDateTime中无setTime_t改为了setSecsSinceEpoch函数。
十启树·2024-02-20 13:05

Vue内置指令学习

常见应用包括：动态绑定图片的src属性：动态绑定CSS类名：动态绑定样式：2.v-model：用于实现双向数据绑定，常见应用包括：表单输入框的双向绑定：复选框的双向绑定：单选框的双向绑定：3.v-for
一花一world·2024-02-20 13:05
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他