html&css

re:从0开始的CSS之旅 12. 轮廓、阴影、圆角

1.轮廓outline设置元素的轮廓使用方式与border一样。不同在于不影响盒子的大小2.阴影box-shadow设置元素的阴影box-shadow:30px30px50px5pxrgba(0,0,0,.5);第一个值：设置阴影水平距离第二个值：设置阴影垂直距离第三个值：设置阴影的模糊半径第四个值：设置阴影的尺寸第五个值：设置阴影的颜色第六个值：设置内部还是外部阴影outset默认值，为外部阴影
扶摇|·2024-02-13 05:02

《CSS 简易速速上手小册》第6章：高级 CSS 技巧（2024 最新版）

文章目录6.1使用CSS变量进行设计：魔法配方的调配6.1.1基础知识6.1.2重点案例：创建可定制的主题6.1.3拓展案例1：响应式字体大小6.1.4拓展案例2：使用CSS变量创建动态阴影效果6.2calc
江帅帅·2024-02-13 05:02

CSS 元素的显示与隐藏

在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是displayvisibility和overflow。他们的主要目的是让一个元素在页面中消失，但是不在文档源码中删除。
王玉伟的伟·2024-02-13 05:38

css 之important

一、什么是important?作用:用于提升某个直接选中标签的选择器中的某个属性的优先级的,可以将被指定的属性的优先级提升为最高二注意点1important只能用于直接选中,不能用于间接选中2通配符选择器选中的标签也是直接选中的3!important只能提升被指定的属性的优先级,其他属性的优先不会提升4!important必须写在属性值分号的前面不然不会生效5!important的!不能去掉
nickNic·2024-02-13 05:00

icon的几种做法

方法：１．img法２．background法３．background合一法４．font法５．SVG法６．新手慎用【CSS就是干】法img法直接用img标签就可以。好处：可以自适应，可以设置宽高。
索伯列夫·2024-02-13 05:21

解决css3卡顿和性能优化

今天遇到一个比较棘手的问题css3的动画卡顿比较厉害于是找各种方法并一一去试学会简单的处理方法和部分渲染原理是否启用硬件加速GPU(GraphicsProcessingUnit)?
zz77zz·2024-02-13 04:41

web前端入门到实战：CSS开发中的十大错误用法

自从接触前端软件开发以来，我发现开发猿一直在努力征服着CSS。理由也很充分，开发人员是用逻辑思考的生物。添加一个DIV元素导致所有代码都不得不往下移一行，而另一个DIV“浮”到左侧，感觉没有任何意义。
大前端世界·2024-02-13 04:53

关于在分布式环境中RVN和使用场景的介绍2

问题假设我们有如下的一个使用场景：一个ECSservice从一个messagequeue里读取并处理数据。该数据是包含RVN的并且有不同primarykey的。
书香门第·2024-02-13 03:23

CSS3视窗单位vw、vh、vmin、vmax记录

vw：相对于视口的宽度。视口被均分为100单位的vwvh：相对于视口的高度。视口被均分为100单位的vhvmax：相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmaxvmin：相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin视窗，指的是浏览器可视区域的宽高，也就是window.innerWidth/window.innerHeight。1vw
独孤久见·2024-02-13 03:35

记录目前使用vue3.2.0&&vite4.2.0时遇到的一些坑-持续更新

npminstall--savemarkdown-it@vue/compiler-sfc来源https://juejin.cn/s/vue3%20markdown-itlink中引用node_modules中css
尽虹·2024-02-13 03:42

web前端项目-进击的玉兔【附源码】

运行效果：HTML源码：进击的玉兔0CSS源码：*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box
温轻舟·2024-02-13 03:11

分享76个鼠标特效，总有一款适合您

漂亮的Canvas鼠标箭头跟随动画特效好看的水面闪光鼠标跟随特效简单css书籍鼠标悬停动画效果c
灬沙海灬·2024-02-13 02:57

分享88个鼠标特效，总有一款适合您

CSS3animation鼠标滑过按钮特效jQuery鼠标滑过文字跳动效果jQuery图片翻转展
灬沙海灬·2024-02-13 02:57

分享76个文字特效，总有一款适合您

css3碎片飞来组合成英文动画特效css网页页面文字重影动态特效css炫酷浮动文字动画效果css
灬沙海灬·2024-02-13 02:27

分享86个鼠标特效，总有一款适合您

鼠标经过改变文字样式简单好用的鼠标悬停动画按钮9种css3圆形按钮hover鼠标经过动画效果cs
灬沙海灬·2024-02-13 02:26

2018-08-26 如何使用template

template文件夹，并在其中创建component（包含js，wxml，wxss和json）component然后在wxml在wxml内的HTML标签外套上template标签并设置name属性在写入css
4号线CODEMAN·2024-02-13 01:50

如何录制jmeter脚本和使用fiddler抓包

Fiddler安装使用在这里不详细讲述,直接百度即可,以下是fiddler的筛选功能：image.png.CSS.jpp.png.js.html.jsp.ico.php打开google浏览器,输入要抓取的
雷阳洪·2024-02-13 01:17

《CSS 简易速速上手小册》第4章：视觉美学（2024 最新版）

文章目录4.1颜色理论在CSS设计中的应用：网页的调色盘4.1.1基础知识4.1.2重点案例：创建一个具有情感设计的登录页面4.1.3拓展案例1：使用颜色增强信息的可视化表示4.1.4拓展案例2：利用颜色创建网站的品牌身份
江帅帅·2024-02-13 01:10

JS的回流和重绘

DOMtree把CSS解析成CSSOM，抽象CSSOMTree当浏览器解析dom的时候，遇到link标签，引用外部的cs
小王子_helloworld·2024-02-13 01:52

html 字体立体效果,如何利用CSS3制作3D效果文字具体实现样式

下面这篇教程是教你如何用CSS3来制作3D效果的文字，文章翻译自3DCSSShadowTextTutorial。
林伯权·2024-02-13 00:37

css 多行文字左对齐,纯CSS实现文字一行居中，多行左对齐的方法

其实这种需求还是蛮常见的，主要用于产品列表页面，用于产品图片下面，显示产品的名称。想要实现的效果为：未知文字长度，当文字长度小于盒子宽度，也就是一行时，文字居中。当文字长度大于盒子的宽度，会自动换行，成为多行文字，此时文字左对齐。1、利用行内元素：我首先想到了这个思路，思路如下：让P居中，P中的文字左对齐：(P的父级text-align:center;P自身text-align:left;)P的宽
weixin_39530509·2024-02-13 00:37

Web前端--HTML+CSS+JS实现3D立体魔方小游戏

临近期末,你还在为HTML网页设计结课作业,老师的作业要求感到头大？网页要求的总数量太多？HTML网页作业无从下手？没有合适的模板？等等一系列问题。你想要解决的问题，在这里常见网页设计作业题材有个人、美食、公司、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、文化、家乡、鲜花、礼品、汽车、其他等网页设计
奥斯卡1号·2024-02-13 00:06

纯CSS实现3D立体文字“龙年大吉”源码附注释(文字内容可编辑)

<metahttp-equiv
LilyCoder·2024-02-13 00:36

HTML基础了解

——维基百科HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。
江湖竖子·2024-02-13 00:02

vue-element安装scss后报错

报错信息：TypeError[ERR_INVALID_ARG_TYPE]:The"path"argumentmustbeoftypestring。报错原因：版本问题（已安装node-sass和sass-loader的情况下）解决方案：package.json文件中的node-sass和sass-loader版本改成："node-sass":"^4.11.1""sass-loader":"^7.3.
print_printf·2024-02-12 23:30

css 前端第二剑客

一.简单介绍cssCSS指层叠样式表(CascadingStyleSheets)样式定义如何显示HTML元素，样式通常存储在样式表中把样式添加到HTML中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率
宇晨棒棒的·2024-02-12 23:28

React useState, useEffect

bootstrap":"^5.1.3"},3)引用：import'bootstrap/dist/css/bootstrap.css'代码说明：1.启
Hello, I'm Tina·2024-02-12 23:26

React之useState、useEffect原理解析

/App.css';import{u
Zong_0915·2024-02-12 23:25

前端开发-Browsersync 和 gulp 实现浏览器同步测试

那么，有了Browsersync和gulp的，就可以实现浏览器实时、快速的响应你的文件更改，包括html、js、css、sass、less等，并且自动刷新页面展示效果。
devZhang·2024-02-12 23:24

web端测试也需要懂-HTML排版标签

排版标签排版标签主要和css搭配使用，显示网页结构的标签，是网页布局中最常用的标签一.标题标签单词缩写：head(最大，尽量少用，多用于logo)（最小）二.段落标签单词缩写：paragraph文本内容三
复现·2024-02-12 21:50

自定义响应式网页(利用css3媒体查询和window.matchMedia实现)

分析：1，样式处理，必须是css3媒体查询，简单有效；2，行为和结构的处理，我们
来碗鸡蛋面·2024-02-12 21:44

vue中v-cloak解决刷新或者加载出现闪烁显示变量问题

value.name}}解决：在vue中有个指令可以解决这个问题，v-cloak那么，v-cloak要放的位置并不需要添加到每个标签，只要在el挂载的标签上添加就可以{{value.name}}同时，在css
回到唐朝做IT·2024-02-12 21:34

精品springboot善筹网(众筹)互助前后台购物商城实现设计

软件开发环境及开发工具：Java——涉及技术：前端使用技术：HTML5,CSS3、JavaScript、VUE等后端使用技术：Springboot（SSM）等数据库：Mysql数据库数据库管理工具：phpstudy
天行IT科技馆·2024-02-12 21:09

精品springboot疫苗发布和接种预约系统

软件开发环境及开发工具：Java——涉及技术：前端使用技术：HTML5,CSS3、JavaScript、VUE等后端使用技术：Springboot（SSM）等数据库：Mysql数据库数据库管理工具：phpstudy
天行IT科技馆·2024-02-12 21:09

精品springboot基于Vue的健身房会员管理系统教练

软件开发环境及开发工具：Java——涉及技术：前端使用技术：HTML5,CSS3、JavaScript、VUE等后端使用技术：Springboot（SSM）等数据库：Mysql数据库数据库管理工具：phpstudy
天行IT科技馆·2024-02-12 21:08

[精品毕设]springboot校园资产管理-出入库维修报废

软件开发环境及开发工具：Java——涉及技术：前端使用技术：HTML5,CSS3、JavaScript、VUE等后端使用技术：Springboot（SSM）等数据库：Mysql数据库数据库管理工具：phpstudy
IT实践课堂·2024-02-12 21:35

精品springboot校园资产管理-出入库维修报废

软件开发环境及开发工具：Java——涉及技术：前端使用技术：HTML5,CSS3、JavaScript、VUE等后端使用技术：Springboot（SSM）等数据库：Mysql数据库数据库管理工具：phpstudy
天行IT科技馆·2024-02-12 21:31

VUE动态修改CSS

在常见的vue开发中需要动态修改css的大小，但是又不能像普通的js那样直接修改dom元素，这个时候我们就要用v-bind来绑定所要改变的样式通过操作被绑定的样式的变量来操作样式的显示1.先写要更改的样式更改的样式
酸橘子鑫·2024-02-12 20:25

ios下图片不能显示，安卓下正常显示

最近在写H5的时候遇到一个问题，就是在页面使用img标签放一张图片，在IOS系统下的浏览器不显示，在安卓等其他机型下都可以显示，百度了很久，终于知道解决方法：原本在页面中写法时这样的：HTML图片文字描述css
sunphilis·2024-02-12 20:22

LNMP与LAMP的工作原理

1.LNMP的工作原理Linux+Nginx+Mysql+PHP首先，浏览器发送httprequest请求到服务器（Nginx）,服务器响应并处理web请求，将一些静态资源（CSS，图片，视频等）保存服务器上
observerb·2024-02-12 20:07

HTML5和CSS3

HTML5元素imageimageCSS3CSS3响应式@mediascreenand(max-width:990px){.container{background:orange;}}待续
凛冬已至_123·2024-02-12 20:20

web基础学习（十四）CSS3多列布局

多列（Multi-column）是一个CSS3新增布局模块，官方称为Multiplecolumnlayout，可以比较轻松的实现多列布局。
June.1·2024-02-12 19:07

开发中常用的伸缩布局详解

css3在布局方面做了很大的改进，对块级元素的排列方式非常灵活，因为强大的伸缩性，在响应式开发中发挥着极大的作用首先用传统布局和伸缩布局实现这样一
风左山心·2024-02-12 19:06

CSS3新增了哪些选择器？（属性、结构伪类、伪元素选择器）

在css3提供的新选择器之前，选择一个元素需要借助id或者class，css3新增的选择器可以更灵活的去选择需要的元素，那css3提供了哪些好用的选择器呢？
一颗冰淇淋·2024-02-12 19:47

【JAVA WEB】JavaScipt-1

JavaScipt与HTML、CSS之间的关系JavaScipt运行过程JavaScipt的组成JavaScipt的书写方式1.行内式2.内嵌式3.外部式语法概览变量的使用基本用法动态类型什么是强类型变量什么是弱类型变量
lzb_kkk·2024-02-12 18:52

Web前端大作业—咖啡网页(html+css+javascript)

该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。
STU网页设计·2024-02-12 18:51

使用Electron-vue创建一个桌面应用

Electron是一个使用JavaScript，HTML和css等web技术闯进原生程序的框架Electron+vue的解决方案，使用Electron-vue可以简单快捷的创建一个使用vue框架的electron
广告位招租·2024-02-12 18:39

前端面试知识点复盘——浏览器篇

1.浏览器内核1）浏览器内核是浏览器的核心组件，负责解析HTML、CSS，执行JavaScript，并将网页内容呈现到用户的屏幕上。浏览器内核主要包括两部分：渲染引擎和JavaScript引擎。
fc&&fl·2024-02-12 18:42

gulp构建完整项目

require('browser-sync').create();varless=require('gulp-less');varjsmin=require('gulp-jsmin');varcleanCSS
__摸摸头·2024-02-12 17:16

/deep/ 或者::v-deep的使用

important;}如果lang="scss"，就不
LemonTree7·2024-02-12 16:00
上一页 21 22 23 24 25 26 27 28 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他