CSS Tutorial

CSS Portal

The position property specifies the type of positioning method used for an element. It can be static, relative, fixed, absolute or sticky.

With CSS, content is separated from styling of documents. HTML is used to deliver content while CSS is used to deliver all the formatting. The basic form of style sheets contains three parts: Selector, Property, and Value.

The CSS3 transform property lets you translate, rotate, scale, or skew any element on the page. The value of the transform property is one or more transform functions, separated by spaces, which is applied in the order they are provided.

CSS3 provides the ability to create native radial and linear gradients, as well as include multiple background images on any element.

If you are introduced to the website world, you must have heard the three letter word - CSS. It is not one word, but short form of three words. The full form os CSS is Cascading Style Sheets. These are simple files with .css extension that contain some piece of code. The code determines how web pages are formatted and presented to the users.

You can add CSS to a page in three different ways.

CSS uses selectors to determine the element or elements to which a rule will be applied. There are three types of CSS selectors.

Using CSS, you can choose a font family and select font sizes and color.

Borders provide visual separation between elements on a page. You can add borders around just about anything in HTML and there are a few border styles to choose from. Borders are added with the border CSS property.

You can change the color of the background using CSS, or use a background image. Background colors and background images can be applied to the entire page or to individual elements. Changing background colors on individual elements helps to add highlight and color to certain areas of the page.

Links can be styled differently depending on what state they are in. There are four links states.

CSS can be used to create complex appearances for web pages. For example, you can create columns where there is a menu on the left or right side and content in the other column.

Navigation is very important for any web site. With CSS, you can transform boring HTML menus into good-looking navigation bars. As HTML, navigation bar is a standard list of links, constructed using using the <ul> and <li> elements.

Responsive web design makes web page look good using many different devices: desktops, tablets, and phones. Responsive web design uses only HTML and CSS. It is called responsive web design when you use CSS and HTML to resize, hide, shrink, enlarge, or move the content to make it look good on any screen.

CSS3 is the latest standard for CSS. It is completely backwards-compatible with earlier versions of CSS. There are many new exciting features of CSS3.

With CSS, you can give color names, hexadecimal (#FFF, or #FFFFFF for white) and RGB (Red, Green, Blue) values providing either integers (0–255) or percentages. For example, white is rgb(255,255,255) or rgb(100%,100%,100%). 

With CSS3, you can add shadow to text and box elements: text-shadow and box-shadow.