CSS vs SASS

CSS vs SASS

Introduction:

The styling of HTML pages helps in providing an appealing look and feel to the HTML pages which significantly helps in improving the user experience in the HTML. The are multiple ways to style the HTML page. The conventional styling format is CSS and the later styling format includes SASS. The SASS multiple added features that incorporate basic features of CSS.

CSS: 

The CSS stands for cascading style sheet is a scripting language used for designing web pages which are widely used along with HTML and Javascript with extension .css. The features of CSS include below.

  1. The script used for CSS is very sophisticated and works close in integration with 
  2. HTML.
  3. The CSS has declarative and selective blocks where each declaration ends with a semi-colon.
  4. Reusability of the variables as CSS type is not allowed in which demands rewriting the styling codes multiple times. From a share-ability point of view, one property can be ascertained in a block of code.
  5. The concept of nested CSS codes would lead to the breakage of CSS selectors leading to multiple conflicts and undesirable designing.

Usage in terms of CSS class and id:  

.someclass{

color: black;

font-size:20px

}

__________________

#someuniqueid{

background-color: white;

color: black;

SASS: 

The SASS stands for syntactically awesome style sheet and is an advanced styling scripting language that is built over CSS with extension SASS or SCSS. The sass helps in overcoming the drawbacks of CSS making it more reusable, readable, and stable enhances the productivity of the web developer to implement the design. All the modern UI technologies use SASS scripting to develop the website. The salient features of SASS are below.

  1. The scripting of sass is more oriented and comprehensive, and the language is inspired by SaaS Script. 
  2. SaaS has no use of blocks instead it used indentation and newlines instead of a semi-colon. The nesting of code is easily supported with a hierarchical structure.
  3. It allows the use of variables that can significantly reduce the coding and improve the speed and reusability in developing the web pages, it also allows the use of CSS properties across the code.
  4. The SaaS is a preprocessing language that in turn compiles into CSS.

Usage: 

$fnt-stk: Arial

$prim-clr: #111

body

 font: 80% $fnt-stk

 color: $prim-clr

要查看或添加评论,请登录

Luis N. Cervantes的更多文章

  • Unlock Your Potential

    Unlock Your Potential

    The power of positive thinking When it comes to advancing one’s professional career, few networks and platforms offer…

    2 条评论
  • Five Essential Pillars for Developing Software and Web Developers

    Five Essential Pillars for Developing Software and Web Developers

    Many people around the globe can identify the essential skills that every software, web developer, or programmer should…

  • Bootcamp Experience

    Bootcamp Experience

    Experience at Coding Boot Camp contributed immensely to the development of qualities, skills, and character, invaluable…

    2 条评论
  • Importance of Technology Terminology and the Significance of each in Coding

    Importance of Technology Terminology and the Significance of each in Coding

    Introduction Programming has unique terminologies that allow for communication in computer technical terms that…

    4 条评论
  • Biography

    Biography

    I was born into a family of eight siblings in Mexico City, Mexico. From a very young age, my parents instilled in me…

    2 条评论

社区洞察

其他会员也浏览了