深入浅出CSS 第49页

品优购项目实战

品优购项目搭建工作：创建文件夹以及文件名称说明shoping项目文件夹images样式类图片文件夹css样式文件夹upload产品类图片文件夹fonts字体类文件夹js脚本文件夹首页index.htmlCSS

guai_guai_guai·2024-02-03 03:17

Vue 学习笔记

Vue学习笔记1前端工程化与webpack1.1前端工程化1.1.1实际的开发模块化（js的模块化、css的模块化、资源的模块化）组件化（复用现有的UI结构、样式、行为）规范化（目录结构的划分、编码规范化

称霸幼儿园18·2024-02-03 02:56

[每天进步一点点~] uni-app css 实现背景图模糊边缘不模糊

效果图：代码：课程内容标题作者名称123人购买学习按章节正序exportdefault{data(){return{background:{'background':"transparent"},url:'/static/news/book.png'}}}.head_channel{height:378rpx;position:relative;//overflow:hidden;.head_bo

WYL_99·2024-02-03 02:34

大学生咖啡网页制作教程表格布局网页模板学生HTML静态美食网页设计作业成品简单网页制作代码学生美食网页作品免费设计

HTML5期末大作业：静态美食网站设计——咖啡HTML+CSS+JavaScript学生DW网页设计作业成品web课程设计网页规划与设计计算机毕设网页设计源码常见网页设计作业题材有个人、美食、公司、学校

@码住秋天-web网页设计·2024-02-03 01:54

大一学生Web课程设计美食主题网页制作(HTML+CSS+JavaScript)-咖啡 6页

二挡起步·2024-02-03 01:23

【前端实例代码】使用 HTML CSS 和 JavaScript 实现具有彩色发光霓虹灯悬停效果的icon图标|前端开发网页制作基础入门教程

b站视频演示效果：【web前端特效源码】使用HTMLCSS和JavaScript实现具有彩色发光霓虹灯悬停效果的icon图标|前端开发网页制作基础入门教程效果图：完整代码：【前端实例代码】使用HTMLCSS

南北极之间·2024-02-03 01:23

【web前端实例代码】Html5+css3+JavaScript创建点击打开照片库网页图标效果~适合初学者练手~超简单 ~

b站视频演示效果：效果图：完整代码：照片库【前端实例代码】Html5+css3创建点击打开照片库网页图标效果~适合初学者练手~超简单~body{

南北极之间·2024-02-03 01:23

【网页设计期末】咖啡商城网页代码

本文资源：咖啡商城网页代码html+CSS+JavaScript_前端-CSDN问答1.题目要求用HTML+CSS+JavaScript创建网站项目说明:制作首页、登录页、列表页。

a辰龙a·2024-02-03 01:52

css3多重背景详解

文章转载自：前端开发博客(http://caibaojian.com/css3-multiple-background.html)CSS2.1中有5个background属性可以用来控制元素的背景。

稳稳DE幸福·2024-02-03 01:34

2020-05-25 CSS一行代码页面变灰

body{-webkit-filter:grayscale(100%);/*Chrome,Safari,Opera*/filter:grayscale(100%);}

Million1000000·2024-02-03 01:28

TTTRX·2024-02-03 00:16

新奇!pandas爬虫?

构造请求主要用到requests库，提取要素用的比较多的有xpath、bs4、css和re。一个完整的爬虫，代码量少则几十行，多则几百行，对于新手来说学习成本还是比较高的。

程序里的小仙女·2024-02-03 00:06

HTMLCSS学习笔记（十一）-- css3渐变及2D

浏览器前缀-ms-:IE浏览器专属的CSS属性需添加-ms-前缀-ms-box-shadow:1px1px0#CCC;-moz-:所有基于Gecko引擎的浏览器（如Firefox）专属的CSS属性需添加

千锋HTML5学院·2024-02-03 00:33

CSS局限属性contain：优化渲染性能的利器

CSS局限属性contain：优化渲染性能的利器在网页开发中，优化渲染性能是一个重要的目标。CSS局限属性contain是一个强大的工具，可以帮助我们提高网页的渲染性能。

爱编程的鱼·2024-02-02 23:09

哪些UI库支持暗模式？

它基于著名的CSS-in-JS，使开发人员可

独立开发者张张·2024-02-02 23:38

【CSS】动画（Transform,Transition,Animation）

CSS3属性中关于制作动画的三个属性：Transform,Transition,Animation。

小秀_heo·2024-02-02 23:59

关于css的两个属性will-change和contain

will-change和contain一开始知道will-change和contain我很迷茫，总觉得两个差不多，都是用来优化页面的渲染性。搞不懂两个的区别。关于这两个属性的具体介绍以及原理有很多文章可以参考。这里不做介绍。主要总结一下他们的区别，以便于具体场景具体使用。will-change的作用，主要是跳过来渲染流程中的布局（layout）、重绘，并且使用GPU来合成图层，大大提高来渲染效率。

凌晨四点打铁匠·2024-02-02 23:59

【CSS】页面自适应屏幕宽度（响应式布局媒体查询-@media、弹性布局、网格布局和相对单位-vh/em/%）

【CSS】页面自适应屏幕宽度（响应式布局媒体查询-@media、弹性布局、网格布局和相对单位-vh/em/%）一、媒体查询（@media）1、媒体类型2、媒体特征3、媒体查询语法4、示例（1）示例1（2

香菜啵子欸·2024-02-02 23:43

Vue3如何深度修改vant4 css样式

1、当前页面只用一次某个组件vue2是::v-deep.vant-button{}vu3则是::v-deep(.vant-button){}页面示例回到顶部::v-deep(.van-button){background-color:orange;}}2、页面多次使用同个组件，如何修改其中一个，而不改变其他组件原本的样式。例如下面我们只修改productBox下的button，在它外层包裹一个di

HaushoLin·2024-02-02 22:58

【面试总结系列】在开发 PC 端项目时，需要考虑哪些主流设备浏览器兼容性的问题？

各大厂商出于自身利益考虑而设置的种种技术壁垒，都让CSS应用起来比想象得要麻烦；由于各大主流浏览器由不同的厂家开发，所用的核心架构和代码也很难重和，这就为各种莫名其妙的Bug(代码错误）提供了温床。

八了个戒·2024-02-02 22:54

css 图片自适应_104道 CSS 面试题，助你查漏补缺（下）

给前端大全加星标，提升前端技能)作者：CavsZhouyouhttps://github.com/CavsZhouyou/Front-End-Interview-Notebook/blob/master/Css

weixin_39879122·2024-02-02 22:47

vue+elementui---下拉树形多选

dept';importTreeselectfrom"@riophae/vue-treeselect";import"@riophae/vue-treeselect/dist/vue-treeselect.css

一只会开发的哈士奇·2024-02-02 22:42

element-ui 的el-tree控件动态加载更新

weixin_43766801·2024-02-02 22:41

vue+elment el-tree懒加载自定义叶子节点，三角样式最后一层不显示css

{{node.label}}data(){return{props:{label:"name",isLeaf:(data,node)=>{if(node.level===2){returntrue}}},}}Node(node,resolve){//如果展开第一级节点，从后台加载一级节点列表if(node.level==0){this.loadfirstnode(resolve);}//如果展开其

菡萏琅梓·2024-02-02 22:41

el-tree单独设置父节点icon，清除el-tree的节点选中背景色

效果图：HTML代码：data代码：这里treeData是其他组件传过来的watch监听：对数据进行监听，使数据状态可更新methods方法定义，这里只做了样式处理：css代码：完整代码：{{treeTitle

小青龙Zack.ming·2024-02-02 22:40

【CSS + ElementUI】el-tree下拉扩展图标置于右侧

效果图代码实现{{data.name}}{{data.name}}{{data.name}}({{node.id}})exportdefault{data(){return{query:{},directoryList:[{id:'1',name:'一级',children:[{id:'1-1',name:"一级1.1"},{id:'1-2',name:"一级1.2"}]},{id:'2',nam

吃小猫的大鱼·2024-02-02 22:38

css动画总结

css动画学习总结动画定义以一定的速度（影视：每秒24帧；游戏每秒30帧）连续播放图片，肉眼因视觉残象产生的错觉画面。

Amber886·2024-02-02 21:37

HTML5+CSS3+JS小实例：黑色的简约下拉菜单

实例：黑色的简约下拉菜单技术栈：HTML+CSS+JS效果：源码：【html】黑色的简约下拉菜单抖音【css】*{/*初始化*/margin:0;padding:0;box-sizing:border-box

艾恩小灰灰·2024-02-02 21:56

菜鸡后端的前端学习记录-2

前言记录一下看视频学习前端的的一些笔记，以前对Html、Js、CSS有一定的基础（都认得，没用过），现在不想从头再来了，学学Vue框架，不定时更新，指不定什么时候就鸽了。。。。

无名一小卒·2024-02-02 21:30

漏洞01-目录遍历漏洞/敏感信息泄露/URL重定向

比如：---通过访问url下的目录，可以直接列出目录下的文件列表;---输入错误的url参数后报错信息里面包含操作系统、中间件、开发语言的版本或其他信息;---前端的源码（html,css,js）里面包含了敏感信息

汪敏wangmin·2024-02-02 21:29

使用 vite、typescript、vue3、element-plus、pinia、vue-router、axios、tailwindcss 等技术搭建一个基本的项目模版

它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue都可以胜任。

zhfy啊·2024-02-02 20:42

数据大屏项目Vue3+TypeScript+tailwindcss+Vite+DataV+Echart+pinia

主要的技术栈为Vue3、Vite、DataV、Echart、TypeScript、pinia、vue-router、tailwindcss等数据的接口使用的是163的接口，此项目使用到的数据可能存在误差

蹦哒·2024-02-02 20:41

vue3+vite+ts+pinia+windicss开箱即用脚手架

脚手架传送门项目整体采用vue3compositionapi+vite+pinia+vue-router+windicss+eslint+prettier+tslint希望大佬们看看有什么可以补充的

「已注销」·2024-02-02 20:11

我用前端【最新】技术栈完成了一个生产标准的项目【Vue3 + TS + Vite + Pinia + Windicss + NavieUI】

前言聊一下自己使用这些技术的一些体会与心得，不做具体的搭建过程了，说一下工程的设计思想与遇到了哪些问题。项目背景最近一直在忙一个EPR系统的开发，新项目之前团队的技术栈基本停留于Vue2+Js+Webpack+Vuex上，但是Vue生态其实已经可以说进入了次时代，虽然我个人其实不是很倡议盲目的去追赶新的框架，因为我觉得先把自己手头的技术掌握扎实才是重中之重，团队的同学绝大多数是一些基本的开发程序员

Coder HoMeTown·2024-02-02 20:10

从零搭建Vue3 + Typescript + Pinia + Vite + Tailwind CSS + Element Plus开发脚手架

项目代码以上传至码云，项目地址：https://gitee.com/breezefaith/vue-ts-scaffold文章目录前言脚手架技术栈简介vue3TypeScriptPiniaTailwindCSSElementPlusvite

偏安zzcoder·2024-02-02 20:09

vue2 中使用 video.js 以及遇到的问题

效果图安装videojs首先使用npm安装video.jsnpmivideo.js在main.js中进行引入import"video.js/dist/video-js.css";importvideojsfrom"video.js

未飞·2024-02-02 20:54

Vue-51、Vue技术github案例(发送ajax)

1、在index引入bootstrap.csss(注意第三方css库最好在indxe里面引入)2、List.vue源码p.login欢迎使用加载中{{errMsg}}exportdefault{name

一叶飘零晋·2024-02-02 19:49

用友GRP-A++-getclassifytree接口存在未授权访问漏洞

指纹特征FOFA：body="/pf/portal/login/css/fonts/style.css"漏洞复现GET/pub/fe/config/..;/..;/..

LZsec·2024-02-02 19:30

许三多行动英语之理论基础（4）

4.刻意练习“刻意练习”是佛州大学心理学家K.AndersEricsson首先提出的概念。

变形金刚英文句法·2024-02-02 18:50

Sass(Scss)、Less的区别与选择 + 基本使用

Sass(Scss)、Less的区别与选择+基本使用Sass(Scss)、Less都是CSS预处理器，他们定义了一种新的语言，其基本思想是，用一种专门的编程语言为CSS增加了一些编程的特性，将CSS作为目标生成文件

safe030·2024-02-02 18:45

css外边距折叠塌陷

css外边距折叠塌陷1.什么是外边距折叠？css的外边距折叠是指，毗邻的两个或多个外边距（margin）会合并成一个外边距。

coder-WJie·2024-02-02 18:55

CSS外边距塌陷（折叠）问题

css设计的初衷就是为了美观，而内边距塌陷（折叠）也就完美的解决了这个问题。什么时候会出现外边距塌陷？外边距塌陷是为了解决垂直方向上的缝隙而设计的。因为只会出现在垂直方向上。

Sandy_Star·2024-02-02 18:55

css斜角边框

zmlucky·2024-02-02 18:54

CSS外边距折叠与高度塌陷问题

一.CSS外边距折叠问题在CSS垂直布局中，相邻方向的垂直外边距会发生重叠现象。垂直外边距折叠问题分2种情况：兄弟元素在相邻兄弟元素的垂直外边距中，当发生重叠时，会取两者之间的较大值。

煲仔灬饭·2024-02-02 18:24

vue 深度作用选择器＞＞＞、/deep/、::v-deep

二、＞＞＞如果项目style使用的是css原生样式,那么你可以直接使用>>>穿透修改.hide>>>el-upload--picture-card{d

小白_ysf·2024-02-02 18:23

HTML+CSS：导航栏组件

效果演示实现了一个导航栏的动画效果，当用户点击导航栏中的某个选项时，对应的选项卡会向左平移，同时一个小圆圈会出现在选项卡的中心，表示当前选项卡的位置。这个效果可以让用户更加清晰地了解当前页面的位置和内容。CodeHomeEmailMessageLikeProfile*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sa

若冰说·2024-02-02 18:22

【CSS】外边距折叠（margin 塌陷）

外边距折叠(collapsingmargins)毗邻的两个或多个margin会合并成一个margin，叫做外边距折叠。规则如下:两个或多个毗邻的普通流中的块元素垂直方向上的margin会折叠浮动元素/inline-block元素/绝对定位元素/行内元素的margin不会和垂直方向上的其他元素的margin折叠创建了块级格式化上下文(BFC)的元素，不会和它的子元素发生margin折叠我们可以利用外

小秀_heo·2024-02-02 18:21

Webpack入门1----简介

在webpack看来,前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle)。

DOM曼珠沙华·2024-02-02 16:02

CSS3知识汇总5

【渐变】线性渐变：从一个位置开始向某个特定的方向渐变，如叶片径向渐变：从一个位置开始向四周渐变，如灯光散落linear-gradient()函数用于生成线性渐变图片，可接收多个参数，每个参数是一个色彩值色彩值后面跟一个尺寸值或百分比值，表示该颜色的停止位置div{width:50em;height:20em;font-size:10px;background-image:linear-gradie

0清婉0·2024-02-02 16:42

css3 属性 backface-visibility 的实践应用

`backface-visibility`是一个用于控制元素在面对屏幕不同方向时的可见性的CSS3特性。

汉武大帝··2024-02-02 16:33

推荐频道

深入浅出CSS