CSS
-
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"
-
用HTML+CSS做一个漂亮简单的个人网页[通俗易懂]
用HTML+CSS做一个漂亮简单的个人网页[通俗易懂]用HTML+CSS做一个漂亮简单的个人网页1.刚好帮我妹写了一个作业做一个个人网页设计，简单的三个小页面，就从网上随便找了图片自己随便设计了下东拼西凑哈哈哈！！！可能有点low但是对她来说或者需要做简单的个人网站应该就够了吧！图片是从站酷上面找的(因为我不会设计图)，如果有侵权了什么的请联系我立刻马上删掉哈!（首页的首屏有下雪了的特效，右下角有音乐播放提示）2.先看一下效果哈！效……………
-
制作一个简单HTML个人网页网页（HTML+CSS）「建议收藏」
制作一个简单HTML个人网页网页（HTML+CSS）「建议收藏」制作一个简单的HTML个人网页
-
HTML网页设计制作大作业（div+css）[通俗易懂]
HTML网页设计制作大作业（div+css）[通俗易懂]话不多说，直接上效果图：历史介绍行政区划：地理环境著名景点：美食小吃工艺品联系我们部分项目结构老师要求的十几个页面20几张图片以及一些跳转，使用div+css布局也基本上都有了。然后代码也有注释。也能够容易看得懂部分代码偷个懒，就用notepad打开。不用H-build打开了。哈哈哈另外有同学要是需要源码的话可以联系我呀。大家加油！奥利给！……………
