277 Views
What is SASS? Sass (Syntactically Awsome Stylesheet) It is a Pre-processor and it was designed by Hampton catlin and developed by Natalie weizenbaum in 2006 It helps to reduce redundancy with CSS It is used to style a document in a proper structure. Use of SASS It is a pre-processing ...
Anamika Gupta
May 15, 2019
299 Views
Font Awsome Icon in Circle <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> .circle { height:200px; width:200px; background-color:#92ad2a; ...
Anamika Gupta
Oct 17, 2018
356 Views
In some HTML design, you need a footer that is fixed in the page bottom. We are explaining the best way to add sticky footer using HTML and CSS. * { margin: 0; } html, body { height: 100%; } .container { min-height: 100%; height: auto !important; height: 100%; ...
Sheetal Kumar
Oct 16, 2018
341 Views
For creating the same height of blocks in HTML you can use either table property of CSS or Flex property. 1. To use the table you need to create a container as Table and block as Table Cell. .ht-container { display: table; } .ht-block { float: none; display: table-cell; ...
Sheetal Kumar
Oct 16, 2018
986 Views
.circle { height: 100px; width: 100px; background-color: #ffe0b3; border-radius: 50%; } .oval { height: 50px; width: 100px; background-color: #ffcc80; border-radius: 50%; } .ellipses { height: ...
Anamika Gupta
Oct 11, 2018
503 Views
To change Input Placeholder Color you need to set the style for Pseudo Elements of CSS. Placeholder style CSS require different Pseudo Elements for different browsers. See the following example of CSS: ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #999999; } :-moz-placeholder ...
Sheetal Kumar
Oct 10, 2018
368 Views
When you are designing a page you need to align some elements in the center or middle vertical. Then you have to use one from the following methods. 1. Using Table Property Table property has the feature table-cell to align the element in middle by CSS. display: table-cell; vertical-align: ...
Sheetal Kumar
Oct 09, 2018
Page 1 of 1 Pages       Total Records 7
  • First
  • Prev
  • 1
  • Next
  • Last