Bootstrap5 小工具
Bootstrap 5 提供了很多有用的类来帮组我们快速实现效果，不需要重复写一些 CSS 代码。
背景颜色
设置不同元素的背景颜色时，需要通过 .text-* 类来设置匹配的文本颜色：
实例
<div class="p-3 mb-2 bg-primary text-white">.bg-primary</div>
<div ……继续阅读 »
3年前 (2022-05-28) 121浏览 0评论
0个赞
JavaScript 数据类型
值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。
引用数据类型（对象类型）：对象(Object)、数组(Array)、函数(Function)，还有两个特殊的对象：正则（RegExp）和日期（Date）。
注：Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的……继续阅读 »
3年前 (2022-05-28) 461浏览 0评论
0个赞
Bootstrap UI 编辑器
以下是 15 款最好的 Bootstrap 编辑器或者是在线编辑工具。
1. Bootstrap Magic
这是一个 Bootstrap 主题生成器，使用最新的 Bootstrap 3 版本和 Angular JS 版本，提供一个鲜活的用户修改预览。它包括了各种各样的导入，一个颜色选择器和智能的预先输入。更神奇的是，Bootstrap 会根据用户的每个选择来重新建立框架，方便用户……继续阅读 »
3年前 (2022-05-28) 102浏览 0评论
0个赞
Font Awesome 音/视频图标
下表显示了所有的 Font Awesome 音/视频图标：
图标
描述
实例
fa fa-arrows-alt
尝试一下
fa fa-backward
尝试一下
fa fa-compress
尝试一下
fa fa-eject
尝试一下
fa fa-expand
尝试一下
fa fa-fast-backward
尝试一下
fa ……继续阅读 »
3年前 (2022-05-28) 323浏览 0评论
0个赞
JavaScript RegExp 对象
RegExp：是正则表达式（regular expression）的简写。
完整 RegExp 对象参考手册
请查看我们的 JavaScript RegExp 对象的参考手册，其中提供了可以与字符串对象一同使用的所有的属性和方法。
这个手册包含的关于每个属性和方法的用法的详细描述和实例。
什么是 RegExp？
正则表达式描述了字符的模式对象。
当您检索某个文本时……继续阅读 »
3年前 (2022-05-28) 123浏览 0评论
0个赞
CSS 组合选择符
CSS 组合选择符
组合选择符说明了两个选择器之间的关系。
CSS组合选择符包括各种简单选择符的组合方式。
在 CSS3 中包含了四种组合方式:
后代选择器(以空格 分隔)
子元素选择器(以大于 > 号分隔）
相邻兄弟选择器（以加号 + 分隔）
普通兄弟选择器（以波浪号 ～ 分隔）
后代选择器
后代选择器用于选取某……继续阅读 »
3年前 (2022-05-28) 273浏览 0评论
0个赞
Bootstrap4 下拉菜单
Bootstrap4 下拉菜单依赖于 popper.min.js。
下拉菜单是可切换的，是以列表格式显示链接的上下文菜单。
实例
<div class="dropdown">
<button type="button" class="btn btn-primary dropdown-toggle" dat……继续阅读 »
3年前 (2022-05-28) 252浏览 0评论
0个赞
Bootstrap5 安装使用
我们可以通过以下两种方式来安装 Bootstrap5：
使用 Bootstrap5 CDN。
从官网 getbootstrap.com 下载 Bootstrap 5。
Bootstrap 5 CDN
国内推荐使用 Staticfile CDN 上的库：
Bootstrap5 CDN
<!– 新 Bootstrap5 核心 CSS 文件 –……继续阅读 »
3年前 (2022-05-27) 262浏览 0评论
0个赞
JavaScript 运算符
运算符 = 用于赋值。
运算符 + 用于加值。
运算符 = 用于给 JavaScript 变量赋值。
算术运算符 + 用于把值加起来。
实例
指定变量值，并将值相加：
y=5;
z=2;
x=y+z;
在以上语句执行后，x 的值是：
7
JavaScript 算术运算符
<p算术运算符用于执行变量与/或值之间的算术运算。
<p给定 y=5，下面的表格解释了这些算术运……继续阅读 »
3年前 (2022-05-27) 282浏览 0评论
0个赞
Bootstrap 提示工具（Tooltip）插件
当您想要描述一个链接的时候，提示工具（Tooltip）就显得非常有用。提示工具（Tooltip）插件是受 Jason Frame 写的 jQuery.tipsy 的启发。提示工具（Tooltip）插件做了很多改进，例如不需要依赖图像，而是改用 CSS 实现动画效果，用 data 属性存储标题信息。
如果您想要单独引用该插件的功能，那么您需要引用 tooltip.js……继续阅读 »
3年前 (2022-05-27) 214浏览 0评论
0个赞
Bootstrap 弹出框（Popover）插件
弹出框（Popover）与工具提示（Tooltip）类似，提供了一个扩展的视图。如需激活弹出框，用户只需把鼠标悬停在元素上即可。弹出框的内容完全可使用 Bootstrap 数据 API（Bootstrap Data API）来填充。该方法依赖于工具提示（tooltip）。
如果您想要单独引用该插件的功能，那么您需要引用 popover.js，它依赖于 工具提示（Too……继续阅读 »
3年前 (2022-05-27) 346浏览 0评论
0个赞
Font Awesome 品牌图标
下表显示了所有的 Font Awesome 品牌图标：
图标
描述
实例
fa fa-500px
尝试一下
fa fa-amazon
尝试一下
fa fa-adn
尝试一下
fa fa-android
尝试一下
fa fa-angellist
尝试一下
fa fa-apple
尝试一下
fa fa-bandcamp
尝试一下
……继续阅读 »
3年前 (2022-05-27) 185浏览 0评论
0个赞
Bootstrap 分页
本章将讲解 Bootstrap 支持的分页特性。分页（Pagination），是一种无序列表，Bootstrap 像处理其他界面元素一样处理分页。
分页（Pagination）
下表列出了 Bootstrap 提供的处理分页的 class。
Class
描述
示例代码
.pagination
添加该 class 来在页面上显示分页。
<ul class="pagi……继续阅读 »
3年前 (2022-05-27) 89浏览 0评论
0个赞
CSS 语法
实例
查看 实例 1
查看 实例 2
CSS 实例
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明:
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。
CSS 实例
CSS声明总是以分号 ; 结束，声明总以大括号 {} ……继续阅读 »
3年前 (2022-05-27) 302浏览 0评论
0个赞
CSS 链接
不同的链接可以有不同的样式。
链接样式
链接的样式，可以用任何CSS属性（如颜色，字体，背景等）。
特别的链接，可以有不同的样式，这取决于他们是什么状态。
这四个链接状态是：
a:link – 正常，未访问过的链接
a:visited – 用户已访问过的链接
a:hover – 当用户鼠标放在链接上时
a:active – 链接被点击的那一刻
……继续阅读 »
3年前 (2022-05-27) 173浏览 0评论
0个赞
Bootstrap 按钮
本章将通过实例讲解如何使用 Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式，具体如下表所示：
以下样式可用于<a>, <button>, 或 <input> 元素上：
类
描述
实例
.btn
为按钮添加基本样式
尝试一下
.btn-de……继续阅读 »
3年前 (2022-05-27) 278浏览 0评论
0个赞
Bootstrap4 模态框
模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息交互等。
如何创建模态框
以下实例创建了一个简单的模态框效果 ：
实例
<!– 按钮：用于打开模态框 –>
<button type="button" class="btn b……继续阅读 »
3年前 (2022-05-27) 73浏览 0评论
0个赞
CSS 教程
通过使用 CSS 我们可以大大提升网页开发的工作效率！
在我们的 CSS 教程中，您会学到如何使用 CSS 同时控制多重网页的样式和布局。
各章节实例
本 CSS 教程包含了数百个CSS在线实例
通过本站的在线编辑器，你可以在线编辑CSS,并且可以在线查看修改后的效果。
CSS 实例
body {
background-color:#d0e4fe;
}
h1 {
color:ora……继续阅读 »
3年前 (2022-05-27) 243浏览 0评论
0个赞
Bootstrap5 加载效果
要创建加载中效果可以使用 .spinner-border 类:
实例
<div class="spinner-border"></div>
尝试一下 »
可以使用文本颜色类设置不同的颜色：
实例
<div class="spinner-border text-muted"></di……继续阅读 »
3年前 (2022-05-27) 106浏览 0评论
0个赞
JavaScript 语句
JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
JavaScript 语句
JavaScript 语句是发给浏览器的命令。
这些命令的作用是告诉浏览器要做的事情。
下面的 JavaScript 语句向 id=”demo” 的 HTML 元素输出文本 “你好 Dolly” ：
实例
document.ge……继续阅读 »
3年前 (2022-05-27) 92浏览 0评论
0个赞
CSS 分页实例
.article-body ul li { background-image:none}
.pagination,.pagination2,.pagination3 {
display: inline-block;
padding: 0;
margin: 8px 0;
}
.pagination li,.pagination2 li,.pagination3 li {display: i……继续阅读 »
3年前 (2022-05-26) 114浏览 0评论
0个赞
Font Awesome 文件类型图标
下表显示了所有的 Font Awesome 文件类型图标：
图标
描述
实例
fa fa-file
尝试一下
fa fa-file-archive-o
尝试一下
fa fa-file-audio-o
尝试一下
fa fa-file-code-o
尝试一下
fa fa-file-excel-o
尝试一下
fa fa-file-imag……继续阅读 »
3年前 (2022-05-26) 89浏览 0评论
0个赞
Bootstrap 警告（Alerts）
本章将讲解警告（Alerts）以及 Bootstrap 所提供的用于警告的 class。警告（Alerts）向用户提供了一种定义消息样式的方式。它们为典型的用户操作提供了上下文信息反馈。
您可以为警告框添加一个可选的关闭按钮。为了创建一个内联的可取消的警告框，请使用 警告（Alerts） jQuery 插件。
您可以通过创建一个 <div>，并向其添加一个 .al……继续阅读 »
3年前 (2022-05-26) 167浏览 0评论
0个赞
JavaScript Math（算数） 对象
Math（算数）对象的作用是：执行常见的算数任务。
在线实例
round()
如何使用 round()。
random()
如何使用 random() 来返回 0 到 1 之间的随机数。
max()
如何使用 max() 来返回两个给定的数中的较大的数。（在 ECMASCript v3 之前，该方法只有两个参数。）
min()
如何使用 min() 来返回两个给定的……继续阅读 »
3年前 (2022-05-26) 219浏览 0评论
0个赞
JavaScript 函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试实例</title>
<script>
function myFunction()
{
……继续阅读 »
3年前 (2022-05-26) 305浏览 0评论
0个赞
CSS 导航栏
ul.horizontal {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
ul.horizontal li {
float: left;
padding: 0;
margin: 0;
backgrou……继续阅读 »
3年前 (2022-05-26) 93浏览 0评论
0个赞
JavaScript Date（日期） 对象
日期对象用于处理日期和时间。
在线实例
Date()
如何使用 Date() 方法获得当日的日期。
getFullYear()
使用 getFullYear() 获取年份。
getTime()
getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。
setFullYear()
如何使用 setFullYear() 设置具体的日期。
toUTCStri……继续阅读 »
3年前 (2022-05-26) 233浏览 0评论
0个赞
CSS3 简介
CSS3 已完全向后兼容，所以你就不必改变现有的设计。
CSS3
模块
CSS3 被拆分为”模块”。旧规范已拆分成小块，还增加了新的。
一些最重要 CSS3 模块如下：
选择器
盒模型
背景和边框
文字特效
2D/3D转换
动画
多列布局
用户界面
CSS3
建议
W3C 的 CSS3 规范仍在开发。
但是，现在新的浏览器已经都支持 CSS3 属性。
……继续阅读 »
3年前 (2022-05-26) 146浏览 0评论
0个赞
Bootstrap 代码
Bootstrap 允许您以两种方式显示代码：
第一种是 <code> 标签。如果您想要内联显示代码，那么您应该使用 <code> 标签。
第二种是 <pre> 标签。如果代码需要被显示为一个独立的块元素或者代码有多行，那么您应该使用 <pre> 标签。
请确保当您使用 <pre> 和 <code> 标签时，开始和结……继续阅读 »
3年前 (2022-05-26) 203浏览 0评论
0个赞
Bootstrap 按钮下拉菜单
本章将讲解如何使用 Bootstrap class 向按钮添加下拉菜单。如需向按钮添加下拉菜单，只需要简单地在一个 .btn-group 容器中放置按钮和下拉菜单即可。您也可以使用 <span class=”caret”></span> 来指示按钮作为下拉菜单。
下面的实例演示了一个基本的简单的按钮下拉菜单：
实例
<div cl……继续阅读 »
3年前 (2022-05-26) 268浏览 0评论
0个赞
