CSS Pseudo-Classes

CSS uses pseudo-class used to style the element at some special state, like changing background color on hover or altering text-color on visiting the link etc. Here’s list of pseudo-classes supported by CSS [table id=12 /]

CSS Align

Web-pages do not just need to align the text content but other elements as well. Although we do not have specific properties for this purpose, the vertical and horizontal alignment of the elements can be done in various ways. Let us take a look at them one by one. Center Align using Margin To center … Read more

Categories CSS

CSS Float

The float property can be loosely described as an alternative to the position property. The permissible values for this property are: left right none inherit In the simplest usage, this property can be useful when you want to wrap any text around images. For example, if you need some image and text to be present … Read more

CSS Overflow

The web-page content often gets too much to fit in the area available. The element size can sometimes be not appropriate for the amount of content we want to fit in. For such cases, CSS has the overflow property to handle the extra data. It specifies if the content needs to be clipped or we … Read more

CSS Position

In CSS the position property can be used to specify the positioning method we will use for any element. The different values for this property are: static relative fixed absolute sticky Only when the position property is set once, the elements can be positioned using the top, bottom, left, and right properties. Let’s now take a … Read more

CSS Tables

We have alreay learned HTML Tables that is very basic there we learned how to create HTML table and how to make rows cols in HTML Table. To Make a beautiful HTML table we apply CSS on HTML Table. CSS has the following properties for styling the HTML Tables: border border-collapse width height text-align vertical-align … Read more

CSS Lists

The concept of ordered and unordered lists in HTML is pretty much known to us. The unordered lists are marked by bullets while the other ones are ordered by numerical or alphabetical markers. CSS styles the lists by: Setting the list item markers for ordered (ol) and unordered (ul) lists Setting images as list item … Read more

CSS Text

Most of the web-page content is text and therefore text styling is an important aspect. CSS styles the text with the following properties: color text-align text-decoration text-shadow text-transform direction letter-spacing word-spacing line-height text-indent color The text color can be set using the color property using the following three permissible values: Color-name RGB Code Hex

Read more

CSS Outline

Styling is not just about making the elements look good, rather be clearly visible while looking good. One such CSS feature that helps the developer in the “visibility” regard is the outline property. In simplest terms, outline is essentially a line drawn around the elements (not inside the Borders) to make the element clearly visible … Read more

CSS Box Model

As per the CSS Box Model, every HTML element is surrounded by a box. And each box has the following four parts: Main Content: The actual content part of the element. The said box is actually wrapped around the content of the element. The content can be anything like an image or text etc. Padding: … Read more