级联样式表(CSS): CSS是由Hakon Wium,Bert Bos,World Wide Web于1996年12月17日开发的。该语言用于描述HTML元素如何显示在网页上或HTML文档布局(如字体,颜色代表颜色,边距,填充,高度,宽度,背景图像等。CSS代表级联样式表,此处级联是指我们在其中应用样式过程的Section,而Style则是指颜色,页边距,表段落的字体和标题,表格是指网页的外观。在CSS中,我们可以通过编辑单个CSS文件来更改网页的外观和布局。
共有三种类型的CSS。
- 内联CSS
- 内部CSS
- 外部CSS
示例:此示例描述了简单CSS属性的用法。
Geeksforgeeks
A Computer Science
portal for Geeks
输出:
Bootstrap: Bootstrap是最流行的开源前端框架。它由Mark Otto,Jacob Thornton于2011年8月19日开发。Bootstrap是CSS类和JavaScript函数的集合,用于响应式设计和构建响应式,移动优先的网站和应用程序。它通常在网格系统上工作,该网格系统借助行和列来创建页面布局,并且支持所有浏览器来创建响应式网站。
例子:
Bootstrap Color Example
Bootstrap Colors List
- GeeksforGeeks
- GeeksforGeeks
- GeeksforGeeks
- GeeksforGeeks
- GeeksforGeeks class
- GeeksforGeeks
- GeeksforGeeks
- GeeksforGeeks
- GeeksforGeeks
输出:
CSS和Bootstrap之间的区别:
Cascading Style Sheet(CSS) | Bootstrap |
---|---|
CSS is developed by Hakon Wium Lie, Bert Bos, World Wide Web 17 December 1996. | Bootstrap is developed by Mark Otto, Jacob Thornton 19 August 2011. |
CSS represent the style and the appearance of content like font, color, margin, padding, etc. | Bootstrap is a free and open-source CSS Framework that is used for developing responsive website. |
CSS does not have a grid system. | Bootstrap is based on-grid system. |
It currently working on CSS3 which is the latest version of CSS. | Bootstrap currently working on Bootstrap 4 which is the latest version of Bootstrap. |
CSS does not provide responsive pages or website. | In Bootstrap we can design a responsive website or webpages. |
CSS is more complex than Bootstrap because there is no pre-defined class and design. | Bootstrap is easy to understand and it has much pre-design class. |
In CSS, we have to write code from scratch. | In Bootstrap, we can add pre-defined class into the code without writing code. |