OBINTUSACADEMY
HOME CONTACT SERVICES PRIVACY
C.B MS-PACKAGES CSS
CSS - Basic Syntax

BASIC

Introduction to CSS Getting Started CSS Basic Structure CSS Syntax CSS Selectors CSS Universal Selector CSS Element Selector CSS ID Selector CSS Class Selector CSS Group Selector CSS Descendant Selector CSS Child Selector CSS Adjacent Sibling Selector CSS General Sibling Selector CSS Pseudo Element Selector CSS Pseudo Class Selector CSS Attribute Selector CSS Comments CSS Rule CSS Colors CSS Foreground and Background Color CSS Fonts CSS Background CSS Background Clip CSS Background Origin CSS Background Size CSS Text/Word Formatting CSS Images

INTERMEDIATE

CSS Borders CSS Margin CSS Padding CSS Dimension CSS Outline CSS Lists CSS Tables CSS Links CSS Overflow CSS Cursor CSS Float CSS Clear

Basic Syntax

PREVIOUS NEXT
definition
DEFINITION:

Syntax simply means the arrangement of letters, figures, symbols and words in a particular sequence or order in which it can be properly interpreted by a language.

CSS syntax consist of the following

  • Selector - used to target the HTML element that you want to style.
  • Declaration - contains the property and the value of the style.
  • Property - style or behaviour.
  • Value - setting for the property.
syntax
tips
TIP:

Some property has two words which are separated with hyphen (-). For example, font-size, text-decoration, margin-left etc.

note
NOTE:

Property is also called Property Name
Value is also called Property Value


Case Sensitivity

CSS Property and Values are not case sensitive. That is: color is same as COLOR

Example

TRY IT OUT YOURSELF

CSS Tag Selectors are NOT case sensitive but CSS ID Selectors, Class Selectors, etc are case sensitive.

  • That is: h1 is same as H1
  • But #para1, .heading is NOT same as #PARA1, .HEADING

Example

TRY IT OUT YOURSELF
PREVIOUS NEXT
ADVERTISEMENTS

LEARNING IS A CONTINOUS PROCESS - PRACTICE MAKES PERFECT