bootstrap入门

Bootstrap提供了如下重要的特性：
❑一套完整的基础CSS插件。
❑丰富的预定义样式表。
❑一组基于jQuery的JS插件集。
❑一个非常灵活的响应式（Responsive）栅格系统，并且崇尚移动先行（Mobile First）的思想。

css优先级

优先级
如何确定CSS的优先级？这里我们要先引入一个机制，分别
用4个数字（a，b，c，d）表示优先级组合，比如1，1，1，1和0，1，0，1。它们的意思分别是：
❑第一个数字（a）表示style属性，优先级最高。由于一般都是class样式，所以该值一般都是0。
❑第二个数字（b）是该CSS选择器上的id数量的总和，一般都是1个。
❑第三个数字（c）是用在该CSS选择器上的其他属性CSS选择器以及伪类的总和。这里包括class（.btn）和属性CSS选择器（比如li[id=red]）。
❑第四个数字（d）计算元素（就像table、p、div等）和伪元素（就像first-child等）。
❑通用CSS选择器（*）是0优先级。
❑如果两个CSS选择器有同样的优先级，在样式表中后面的那个起作用。

例：计算下面两个选择器的优先级：
#leftbar li#first { color: red; }
#leftbar li:first-child{ color: blue; }
结果肯定是第1个比第2个优先级高，因为第1个的优先级是0，2，0，1，而第2个是0，1，0，2。

转载于:https://www.cnblogs.com/Yimi/p/6186241.html

bootstrap入门相关推荐

Bootstrap入门（十三）组件7：导航条
Bootstrap入门(十三)组件7:导航条 1.默认样式的导航条 2.嵌入表单和按钮 3.嵌入文本和非导航的链接 4.组件排列和下拉菜单 5.固定在顶部/底部 6.反色的导航条 7.路径导航首先先 ...
Bootstrap入门（三十）JS插件7：警告框
Bootstrap入门(三十)JS插件7:警告框通过这个插件可以为警告信息添加点击以及消失的功能. 当使用一个.close按钮,它必须是第一个子元素.alert-dismissible,并没有文字内 ...
Bootstrap入门（二十一）组件15：警告框
Bootstrap入门(二十一)组件15:警告框通过这些简单.灵活的进度条,为当前工作流程或动作提供实时反馈. 进度条组件使用了 CSS3 的 transition 和 animation 属性来完 ...
Bootstrap入门（二十九）JS插件6：弹出框
Bootstrap入门(二十九)JS插件6:弹出框加入小覆盖的内容,像在iPad上,用于存放非主要信息弹出框是依赖于工具提示插件的,那它也和工具提示是一样的,是需要初始化才能够使用的首先我们引入 ...
Bootstrap入门（八）组件2：下拉菜单
Bootstrap入门(八)组件2:下拉菜单先引入本地的CSS文件和JS文件(注:1.bootstrap是需要jQuery支持的.2.需要在<body>当中添加) <link hr ...
bootstrap入门步骤
bootstrap入门 bootstrap其实是一个项目或者叫做框架是能制作自适应平台一个页面可以自动根据显示设备的分辨率调整显示方式 1.超大分辨率显示器1920 2.普通1024–1920 ...
Bootstrap入门与简述
Bootstrap入门一.概述 1.Bootstrap简介 Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML.CSS.JavaScr ...
前端学习之Bootstrap入门网格系统
vscode前端常用插件推荐 https://www.cnblogs.com/karthuslorin/p/8577224.html VS code Debug for Chrome项目文件 http ...
Bootstrap入门需掌握的知识点（一）
转载请务必注明出处: Bootstrap入门需掌握的知识点(一) Bootstrap Bootstrap中文网:http://www.bootcss.com/ 1.什么是 Bootstrap ? 官方 ...
Bootstrap入门——情景文本颜色及背景颜色
Bootstrap入门打卡1天:学习网址https://v3.bootcss.com/ [全局CSS样式]-[辅助类]关于情景文本颜色和背景颜色的设置其中,情景文本颜色可以分为六种 -- 1.文本颜 ...

bootstrap入门

bootstrap入门相关推荐

最新文章

热门文章