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

CSS Height and Width

The height and width of the elements can be set by the respective namesake properties. The values can be set as any of the following three: auto : The default value calculated by the browser itself Length: Can be given in px, pt, cm etc. Percentage: As per the percentage of the containing block Here’s … Read more

CSS Padding

Padding in CSS is the term given to the inner space of an element around its content. CSS allows you to control all the padding of an element; top, bottom, left and right. The corresponding properties for each side are: padding-top padding-bottom padding-left padding-right A general example for the padding can be:

The values … Read more

CSS Margins

Margins specify the space and position of the element on the web-page. There are basically 4 properties that can be used to specify the margins for the elements:

Run margin-top margin-bottom margin-right margin-left

Run The value for the margin properties can be of following 4 types: auto: Auto-Calculated Margins length: Specific length in … Read more

CSS Background

The background effects for web pages can range from plain colors to attractive images. All having a specific purpose or thought behind them. CSS background properties can be also be used for the same purpose. Depending upon the type of background required, there are various background effects that we’ll discuss in this section. Background Color … Read more

CSS Colors

Colors are the quintessential part of styling in general. Web page designers too need to be very specific about their color choices in order to provide the right feel to the user. Thus, web-page styling language CSS, also has colors as one of its important features. Almost all the popular browsers in their latest versions, … Read more

How to Include CSS in HTML- Inline External Internal

Your CSS code can be included with your HTML document, there are four different ways. These are namely: Embedded CSS Inline CSS External CSS and Imported CSS To understand and make a choice about which kind of inclusion you should go with, we will now learn more about each one of these types: Embedded CSS … Read more