Improve Programming Skills and User Experience

CSS

Learn Using Pseudo Class Selectors There are many special states of some elements, and if you want to show these elements differently to the user, then pseudo classes comes into the picture. You can define selectors with the help of the pseudo-class, and apply the css for that special state. For example. on hovering any … [Read more…]

Using text-decoration CSS Property CSS text-decoration property is used to define the text-formatting. Below are the possible values for text-decoration property underline: The text is underlines overline: Each line of text has the line above it line-through: Defines a line though the text blink: This makes the text blinking (Not supported in IE, Chrome, Safari) … [Read more…]

Using CSS float Property CSS float property is used on elements to place them on left or right, wrt their normal position. The default value of float css property is none Possible values are: left – Used for floating the element on the left side of its container block right – Used for floating the … [Read more…]

Using CSS font property CSS font property is also very commonly used css-property. Its used to define the text font style for the element.font property is a shorthand property to define all other individual font property, which are listed below:font-style font-variant font-weight font-size line-height font-family We will see each of them in details in upcoming … [Read more…]

Using CSS color Property CSS color property is also one of the most commonly used css property for changing the color of text inside elements. It defined the foreground color used for element’s text content. Color value can be defined in following different ways color: red; // A CSS predefined color. color: #0f0; // 3-character … [Read more…]

Using CSS background Property CSS background property is most commonly used css-property. Its used to define the background styles for elements. background property is a shorthand property to define all other individual background property, which are listed below: background-color background-image background-position background-size background-repeat background-attachment background-clip We will see each of them in details in upcoming … [Read more…]

Importing Style Sheets in a CSS File @import is a @-rule which can be used inside a css style sheet. The most common syntax is Here, url is the absolute or relative path of the style sheet needs to be included. Examples: Another syntax is here, media-queries is the comma-separated list of media queries (e.g. … [Read more…]

Every CSS Developer must know about the CSS Padding and Margins. CSS Margin: Definition Margin is the space before and after the boundaries (limits) of an element. For understanding margins, lets take two div elements, one within the other. HTML Now, lets give the background and border property to outer div, and background to inner … [Read more…]

Every CSS Developer must know about the CSS Padding and Margins. CSS Padding: Definition Padding is the space within the element, and margin is the space outside boundaries of the element As i said Padding is the space withing the element, so we need one element to explain it. Lets take an element DIV with … [Read more…]