进入主题之前先说一段我学习bootstrap的历程:因客户需要,公司需要把系统的某个模块从系统中独立出来,并且这个任务由我负责,这样一来这个新做的(小)系统应该不太复杂,而恰好我最近对bootstrap有那么一点了解(去官网看了下,很高大上),所以我就用了(因为之前的系统使用jQuery-easyUI,我觉得它性能比较差)bootstrap。不过,做了一周后我发现,bootstrap满足不了我
在今天的教程中,我想向你们展示如何使用 Bootstrap 5 创建一个非常简单的管理仪表板界面。如果您想在构建之前查看它,这是一个在线演示。您将创建以下部分:带有用户设置的导航栏;带有导航项目的侧边栏;显示当前页面的标题、标语和痕迹导航的部分;带有几个小部件卡片的主要内容区域;最后但并非最不重要的是页脚。开始在开始构建接口之前,您需要包含以下样式表和脚本。为简单起见,你将使用 CDN 链接拉入所
rem 作为一个低调的长度单位,由于手机端网页的兴起,在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下,通过等比缩放的方式达到设计图要求的效果。 rem 的官方定义『The font size of the root element.』,即以根节点的字体大小作为基准值进行长度计算。一般认为网页中的根节点是 html 元素,所以采用的方式也是通过设置 html 元
转载 2024-07-11 14:52:01
107阅读
rem能等比例适配所有屏幕 上面讲了一大堆目前大部分公司主流的一些web app的适配解决方案,接下来讲下rem是如何工作的。 上面说过rem是通过根元素进行适配的,网页中的根元素指的是html我们通过设置html的字体大小就可以控制rem的大小。举个例子:html{ font-size:20px; } .btn { width: 6rem; height: 3rem; lin
转载 2024-04-24 08:52:24
121阅读
声音有高低频率之分,声音经过分频率后低音由低音泡播放出来,频率越低那它的波长就越长,共鸣箱是声音波长的1/4的整数倍,所以体积会比高音音箱大。光有个高音的音响虽然也行,但是听起来没那么悦耳,比较生硬低音炮是什么意思低音炮,俗称超低低音音箱,是专门用来放松低音的音箱设备。一般而言,我们把音频分为超重低音、低音、低中音、中音、中高音、高音、超高音等。超重低音是指 重放频率下限在20Hz以上的低音。在重
转载 1月前
411阅读
浏览器的默认字体高是16px。兼容性:目前,IE9+,Firefox、Chrome、Safari、Opera 的主流版本都支持了rem。对于不支持的浏览器,要多写一个绝对单位的声明,这样浏览器就会忽略用rem设定的字体大小。%css中的body先全局声明font-size=62.5%,%的算法和rem一样。因为16px=100%,1px=6.25%,所以10px=62.5%。1rem=10px,所
转载 2024-03-07 13:11:01
201阅读
文字/排版默认设置font-size:Bootstrap 5 的默认字体大小为 16px,也可以通过自定义 CSS 样式来修改。line-height:默认行高为 1.5,这意味着每行文本的高度是字体大小的 1.5 倍。也可以通过自定义 CSS 样式来修改行高。字体设置:默认的字体族为 "Helvetica Neue",Helvetica,Arial,sans-serif。这意味着将使用 Helv
为什么需要rem布局?移动端设备很多,每个尺寸不一样,前端写的页面要在不同设备上进行展示,为了使页面在不同的移动设备上展示时不走样,需要一种布局,能在不同设备上进行缩放,以达到上述要求。为什么rem布局是用html标签的font-size呢?(这个问题很蠢,但是还是记录下来吧) 因为html标签的font-size的大小就是1rem,1rem指的是html标签的font-size大小。所以不用其他
转载 2024-03-29 16:06:12
108阅读
自定义C/C++的编程主题环境配置:vscode 代码编辑器C/C++ Themes插件 在 vscode 中的扩展中搜索 C/C++ Themes 并安装即可,如图:前言Q: 为什么我决定自定义主题?A: 因为原来的暗色主题实在是太丑了!!!,但是其他的好看的暗色主题,比如 one dark pro(我个人认为)对于C和C++的语法显示方面又不够全面。所以我决定自定义一个主题来实现两者兼顾的想法
在CSS文件中,我们常看到有些字体名称变成了乱码,这是由于编写者将中文字体的名字直接写成了中文,并且再上传或者拷贝复制的时候无意间变成了乱码。 为了避免这种状况出现,在CSS文件中使用中文字体时,最好使用中文字体的英文名称,我们常用中文字体的英文名称对照表如下: Windows自带的字体:华文细黑STHeiti Light [STXihei]\534E\6587\7EC6\9ED1华文细黑华文黑体
使用vue的时候我们需要先下载对应插件Vue-cli,有两种方式可以在控制台或者终端安装npm install -g @vue/cli 或者 yarn global add @vue/cli 安装好以后我们就可以检查型号 此时我们就安装成功了需要的插件接下来我们可以在终端里创建项目了。下面我们就不在截图,直接用文字表述了,可以直接按照下面的步骤直接在终端输入。(终端直接右击选择在终端打开会比较方
转载 2024-10-21 09:33:47
17阅读
一、XIP移植: 1.自动移植    a.将G2U6M8的xip.bin复制到XIPKitchen_Beta6/DEVICE_BINs    b.将最新的xip.bin复制到XIPKitchen_Beta6/DONOR_BINs    c.运行目录中的XIPKitchen.exe    d.点击"Pick Device
引语:echarts.js是百度团队推出的一款用于图表可视化的插件,用于以图表的形式展现数据,功能强大,上手简单1、从官方网站中下载所需的echarts.js文件,该文件因功能广泛,包体较大,可自行决定按需打包下载。2、从前端页面引入echarts.js,后即可使用<script src="js/echarts.min.js"></script>3、请看如下使用案例:大致就
px是最常用的CSS长度单位。1px到底多长?CSS长度分为绝对长度和相对长度。 css单位pixel(像素)是图像的基本采样单位。它不是一个确定的物理量,也不是一个具体的点或者小方块(尽管可以用点和小方块来呈现),而是一个抽象概念。 不同的设备,其图像基本单位是不同的,比如显示器的点距,可以认为是显示器的物理像素。现在的液晶显示器的点距一般在0.25mm到0.29mm之间。而
转载 2024-07-21 10:59:01
90阅读
前言根据 W3C 规范中对 1rem 的定义:1rem 与等于根元素 font-size 的计算值。当明确规定根元素的 font-size 时,rem 单位以该属性的初始值作参照。这就意味着 1rem 等于 html 元素的字体大小(大部分浏览器根元素的字体大小为16px)兼容性ios:6.1系统以上都支持android:2.1系统以上都支持大部分主流浏览器都支持,可以安心的往下看了。rem:(f
Shift 键能用于控制文本选择的,Ctrl 或者 Cmd 键能当做辅助键的,Tab 是用于 在控件之间跳转的VS Code 的做法是搭配组合辅助键 Ctrl、Alt 和 Meta 键,然后根据当前用户正在使用的组件来决定是 什么功能; Vim 则是运用了“模态”的概念,把输入文本信息,和光标移动、文本操作等分开为不同的模态,不同模态各有一套自己的快捷键。大家都说 Vim 的学习曲线比较陡峭,一个
转载 2024-09-12 06:54:38
57阅读
首先介绍一下背景,我本人是一个软件工程师,所以对电脑上很多软件使用都有要求,这里将个人觉得好用的一些软件分享给大家:1. Typora同时,Typora 上我最喜欢的有两点,一是 Typora 主题风格 想当丰富,可以自行选用,二就是下方图片中展示的,支持 相当...相当 多的文件导出格式,对于喜欢用ipad阅读的我,简直不能再合适了正版链接如下哦,也可以微信扫码购买,PS:荔枝软件商城有专门的国
可空性和集合函数的参数可以为可空的,集合的类型参数也是可以声明为可空的. 下面来看一个创建一个包含可空值的集合 fun readNumbers(reader : BufferedReader) : List<Int?>{ val result = ArrayList<Int?>() for(line in reader.lineSequenc
Bootstrap简介Bootstrap来自Twitter(推特),是目前最受欢迎的前端框架。Bootstrap是基于HTML、CSS 和JAVASCRIPT的,它简洁灵活,使得Web开发更加快捷。 直接进入中文官网,选择中文文档,点击下载按钮就可以下载Bootstrap。框架:顾名思义就是一套架构,它有一套比较完整的网页功能解决方案,而目控制权在框架本身, 有预制样式库、组件和插件。使用者要按照
转载 2021-01-27 22:55:26
240阅读
2评论
前提条件安装了git,未安装的请参考git安装教程1、点击打开Git的Git bash2、输入:bower install bootstrap可能出现的安装问题。1、bower                           ENOGIT git is not installed or not in the PATH ,没有安装git,并且不是在cmd中安装boot...
原创 2021-07-15 09:43:26
1008阅读
  • 1
  • 2
  • 3
  • 4
  • 5