📜  CSS和Bootstrap之间的区别

📅  最后修改于: 2021-05-25 15:55:20             🧑  作者: Mango

级联样式表(CSS): CSS是由Hakon Wium,Bert Bos,World Wide Web于1996年12月17日开发的。该语言用于描述HTML元素如何显示在网页上或HTML文档布局(如字体,颜色代表颜色,边距,填充,高度,宽度,背景图像等。CSS代表级联样式表,此处级联是指我们在其中应用样式过程的Section,而Style则是指颜色,页边距,表段落的字体和标题,表格是指网页的外观。在CSS中,我们可以通过编辑单个CSS文件来更改网页的外观和布局。

共有三种类型的CSS。

  1. 内联CSS
  2. 内部CSS
  3. 外部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.