下载 下载 Bootstrap 以获取已编译的 CSS 和 JavaScript ，源代码，或将其包含在你最喜欢的包管理器中，如 npm ， RubyGems 等。 已编译的 CSS 和 JS 下载已编译的 Bootstrap v4.3.1 , 包含: 已编译并且压缩好的 CSS 已编译并且压缩好的 JavaScri

#selectedcolor { border:1px solid #e3e3e3; width:80%; height:300px; margin:auto; } #divpreview { border:1px solid #e3e3e3; width:80px; height:20px; margin:auto; visibility:hidden; } .colorTab

CSS 创建 当读到一个样式表时，浏览器会根据它来格式化 HTML 文档。 如何插入样式表 插入样式表的方法有三种: 外部样式表(External style sheet) 内部样式表(Internal style sheet) 内联样式(Inline style) 外部样式表 当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来

CSS Position(定位) position 属性指定了元素的定位类型。 position 属性的五个值： static relative fixed absolute sticky 元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。 static 定位 HTML 元素的默认值，即

内容溢出 使用本工具来处理内容溢出 overflow 工具提供了两个值用于处理内容溢出，这不是基于响应式设计的。 这是在具有设置宽度和高度尺寸的元素上使用 .overflow-auto 的示例。 此内容将垂直滚动。

你已经学习了CSS,下一步学习什么呢? CSS 总结 本教程已向你讲解了如何创建样式表来同时控制多重页面的样式和布局。 你已经学会如何使用 CSS 来添加背景、格式化文本、以及格式化边框，并定义元素的填充和边距。 同时，你也学会了如何定位元素、控制元素的可见性和尺寸、设置元素的形状、将一个元素置于另一个之后，以及向某些选择器添加特殊的效果，比如链接。 如果需要更多关于 CSS 的信息，

HTML 颜色名 目前所有浏览器都支持以下颜色名。 141个颜色名称是在HTML和CSS颜色规范定义的（17标准颜色，再加124）。下表列出了所有颜色的值，包括十六进制值。 提示: 17标准颜色：黑色，蓝色，水，紫红色，灰色，绿色，石灰，栗色，海军，橄榄，橙，紫，红，白，银，蓝绿色，黄色。点击其中一个颜色名称（或一个十六进制值）就可以查看与不同文字颜色搭配的背景颜色。 按颜色名排序 按十六进

Flex flexbox 工具的套件包管理网格栏的排版、对齐和特定尺寸。对于更复杂的表现则需要自订 CSS。 启用 flex 使用 display 通用类别来创建一个 flexbox 容器，并将 直属内元素 转换为 flex 属性。增加额外的 flex 属性，也能够进一步修改 flex 容器和属性。

HTML5 内联 SVG HTML5 支持内联 SVG。 SVG Sorry, your browser does not support inline SVG. 什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG

CSS3 多媒体查询 CSS2 多媒体类型 @media 规则在 CSS2 中有介绍，针对不同媒体类型可以定制不同的样式规则。 例如：你可以针对不同的媒体类型(包括显示器、便携设备、电视机，等等)设置不同的样式规则。 但是这些多媒体类型在很多设备上支持还不够友好。 CSS3 多媒体查询 CSS3 的多媒体查询继承了 CSS2 多媒体类型的所有思想： 取代了查找设备的类型，CSS3 根据设置