CSS
-
前端面试题之CSS布局问题[通俗易懂]
前端面试题之CSS布局问题[通俗易懂]前端CSS布局问题垂直居中DIV两栏布局左边固定右边自适应三栏布局左右固定中自适应垂直居中DIVHTML部分<divclass=”father”><divclass=”son”>我是垂直居中的div</div></div>这里简单给出几种1.绝对定位（盒子宽高已知）.father{position:relative;width:500
-
css-背景色透明并且渐变「终于解决」
css-背景色透明并且渐变「终于解决」在工作中遇见了一个问题，给文字加背景色并且颜色渐变，而且兼容ie8，查了很久的资料，没有完美的解决这个问题，最终是换成了背景图，真是最简单有效的做法了。所以如果遇见相同的问题，建议直接换成背景图。效果图如下：如果不需要兼容到ie9及以下，可以用以下方法处理：background:#000;background:-webkit-linear-gradient(rgba(0,0,0,0),rg
-
html 设置滚动条颜色,CSS设置滚动条颜色步骤「建议收藏」
html 设置滚动条颜色,CSS设置滚动条颜色步骤「建议收藏」本文向大家描述一下如何使用CSS设置滚动条颜色，如果你在浏览网页的时候看到网页滚动条颜色不是系统默认的样式，而是漂亮的红色或其它颜色样式，那么这就是使用CSS代码设置的效果。CSS设置滚动条颜色我们在浏览网页的时候有时可以看到网页滚动条颜色不是系统默认的样式，而是漂亮的红色或其它颜色样式，其实这就是在网页代码之间加入代码来实现的，具体是哪些代码呢？页面滚动条代码及其解释如下：scrollbar-3…
-
css中图片等比例缩放，自适应16:9实现「终于解决」
css中图片等比例缩放，自适应16:9实现「终于解决」 前阵子，产品跑过来问我现有的模板中没有图片模板，需要添加一个图片模板；然而，他要求图片在展示区最好能够实现随着窗口的变化而自动按图片比例等比缩放，并且居中展示图片。我当时想着，抛开技术实现层面，图片展示也理应是这样的，更加友好。当时我就说应该没啥大问题，于是就有了下文（PS:萌新还没技术积累，只能是凭着一点积累和现查来调研）。1.图片等比缩放 网上搜了一下图片等比缩放，有介绍使用:…
-
vue项目中使用postcss-px2rem的方法总结「终于解决」
vue项目中使用postcss-px2rem的方法总结「终于解决」标题vue项目中postcss-px2rem的使用在项目中为了屏幕适配，经常会用到rem，postcss-px2rem就是为了让我们直接在将代码中px自动转化成对应的rem的一个插件如何使用：1.安装npmipostcss-px2rem–save-dev2.设置（以下总结了三种方式）1）.找到项目根目录下的.postcssrc文件module.exports={“plugins”:{“postcss-import”:{},”postcss-url”
-
CSS 实现居中的几种方法「终于解决」
CSS 实现居中的几种方法「终于解决」**CSS实现居中的几种方法**一、前言二、常见的方法方法一：margin和width实现方法二：inline-block和父元素text-align方法三：浮动实现水平居中方法四：绝对定位实现方法五：css3的flex实现方法六：css3的fit-content一、前言居中效果在CSS中很是普通的效果，平时大家所看到的居中效果主要分为三大类：水平居中、垂直居中和水平垂直居中。而其中水平居中相对于后两者来说要简单得多。使用了css3的flexbox的属性轻松实现多行文本水平垂直居中的方法。当然大家有可
-
HTML+CSS第十课：常见的3种网页布局方式：表格布局、DIV+CSS布局、框架布局[通俗易懂]
HTML+CSS第十课：常见的3种网页布局方式：表格布局、DIV+CSS布局、框架布局[通俗易懂]知识点：网页布局的方式1、网页布局常见的页面布局方式：表格布局、DIV+CSS布局、框架布局。表格布局：用来显示较多的数据，如OA系统、ERP系统或CRM系统。（一般用在局部） DIV+CSS布局：相对来说最灵活的布局方式，完全实现内容和样式的分离。 框架布局：通常用在网站后台的设计。2、DIV+CSS布局2.1使用DIV+CSS制作网页流程第一步：将页面在整体上…
-
TailwindCSS 资源推荐「建议收藏」
TailwindCSS 资源推荐「建议收藏」TailwindCSS 发布了 3.0， 功能也越来越好用，那么是否有与之相关的组件库呢 ？本文是我将推荐我个人认为比较好用的资源。
-
《吐血整理》系列 大厂前端组件库工具集合（PC端、移动端、JS、CSS等）[通俗易懂]
《吐血整理》系列 大厂前端组件库工具集合（PC端、移动端、JS、CSS等）[通俗易懂]上一期的《吐血整理》系列 大厂前端必备工具集合（抓包、调试、Mock 数据等等），获得大家一致好评，于是怪怪我加班加点，写下了这一期。 微信搜索【接水怪】或扫描下面二维码回复”加群“，我会拉你进技术交流群。讲真的，在这个群，哪怕您不说话，光看聊天记录也是一种成长。（阿里技术专家…
-
HTML+CSS+JS实现十款好看的登录注册界面模板，赶紧收藏起来吧！[通俗易懂]
HTML+CSS+JS实现十款好看的登录注册界面模板，赶紧收藏起来吧！[通俗易懂]推荐十款好看的登录注册界面，赶紧收藏起来吧！界面一：简约版界面二界面三界面四界面五界面六界面七界面八界面九界面十
-
html把div做成透明,Html-Css-div半透明[通俗易懂]
html把div做成透明,Html-Css-div半透明[通俗易懂]源码/p>Transitional//EN””http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>equiv=”Content-Type”content=”text/html;charset=utf-8″/>一流素材网.alert{filter:alpha(opacity=50);/*IE*/-moz-…
-
QGraphicsScene[通俗易懂]
QGraphicsScene[通俗易懂]#includeQGraphicsScenehasnovisualappearanceofitsown;itonlymanagestheitems.创建QGraphicsScene：QGraphicsScene::QGraphicsScene(QObject*parent=0)QGraphicsScene::QGraphicsScene(constQRectF&sceneRect,QObject*parent=0)QGraph
-
CSS clear 属性取值详解[通俗易懂]
CSS clear 属性取值详解[通俗易懂]之前有整理过一部分知识点,一直没有发布,因为都是有关前端方面的零散内容;现在想想无论分享什么内容都需要慢慢积累,所以还是决定将之前整理的相关内容验证之后慢慢分享给大家这个专题就是工作中开发问题总结相关的内容;不积跬步，无以至千里,一时得失莫要在意。好了废话不多说,直接上代码以及图例(为了让大家方便阅读,都有自己验证过程的一些图片作为分享)。1.clear属性定义:1.clear属性规定元素的哪一侧不允许其他浮动元素。2.clear属性定义了元素的哪边上不
-
仿抖音3d立体图片音乐盒用vue、css、js的html制作及代码分析「建议收藏」
仿抖音3d立体图片音乐盒用vue、css、js的html制作及代码分析「建议收藏」1 说明：1.1 拿来即能用，老少男女皆可为，适合为自己或者女朋友或老婆、男朋友或老公，小孩，老人制作有音乐的3d图片展示。1.2 推荐指数：★
-
HTML+CSS 实现商品图片列表放大视觉效果 复制完整代码即可马上调用[通俗易懂]
HTML+CSS 实现商品图片列表放大视觉效果 复制完整代码即可马上调用[通俗易懂]「 作者：极客小俊」「 把逻辑思维转变为代码的技术博主」咱们废话不多说直接上代码案例素材!准备工作首先准备图片素材 放入到你的demo案例下的i
-
Html、Css、JavaScript制作圆形进度条的代码及基础分析[通俗易懂]
Html、Css、JavaScript制作圆形进度条的代码及基础分析[通俗易懂]//1可从后台获取值,也是从0~100，step为1，代表速度一个有：window.onload =，一个
-
七小时带你入门HTML+CSS网页设计，编写网页代码的思路（三）「建议收藏」
七小时带你入门HTML+CSS网页设计，编写网页代码的思路（三）「建议收藏」上一篇文章中我分享了一段图文标签，这篇文章主要给大家详细解释一下这些代码的作用和意义，以及编写网页代码的格式与思路。
-
HTML+CSS网页设计，会员账号登录布局样式[通俗易懂]
HTML+CSS网页设计，会员账号登录布局样式[通俗易懂]大家好，本篇文章分享会员账号登录的布局样式。效果图：会员账号登录布局样式HTML代码：<div class="tpt-1446&
-
「HTML+ CSS」代码初体验，动手书写我们的第一个网页[通俗易懂]
「HTML+ CSS」代码初体验，动手书写我们的第一个网页[通俗易懂]想要制作一个网页我们需要需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：1.HTML就像
-
老司机对网页前端代码经验总结（css,html,js,jquery）[通俗易懂]
老司机对网页前端代码经验总结（css,html,js,jquery）[通俗易懂]–声明标准–> <html> <head> <meta charset="utf-8"
![前端面试题之CSS布局问题[通俗易懂]](https://yundeesoft.com/wp-content/uploads/2022/11/2022112316405970-480x300.jpg "前端面试题之CSS布局问题[通俗易懂]缩略图")
