OBINTUSACADEMY
HOME CONTACT SERVICES PRIVACY
C.B MS-PACKAGES CSS
CSS - Getting Started

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

Getting Started

PREVIOUS NEXT

Prerequisite

Before learning CSS, you need to have Basic Knowledge of Computer. If you don't have this you can go to Computer Basics tutorial on this platform and start learning from there.

And lastly, you must good knowledge of HTML. You need to know what you are styling and design and how the elements in HTML work. If you don't know any about HTML, you can go to HTML Tutorial on this platform to start learning it.

Check List

The three (3) major things you need to set up in order to follow up in this tutorial are:

  • Computer System - Any laptop or desktop with Windows OS 7, 8, 9, 10. Device Specs: 4.0GB RAM, 1.5GHz and 64-bit OS (Recommended)
  • Code Editor - Notepad, Notepad++, Visual Studio Code, Sublime, etc. I recommend Notepad or Notepad++ if you are a complete beginner.
  • Browser - Chrome, Explorer, Safari etc. (Any one you like)

Where To Place CSS

There are three (3) methods to apply your styling. CSS can be placed as follows: Inline, Embedded, and External.

  • Inline - Uses the style attribute, placed inside the opening tag element to style the element.
  • Embedded - Uses the <style> tag placed inside the <head> tags
  • External - Uses the <link> tag to connect the external style sheet to the HTML document.

INLINE STYLING

EMBEDDED STYLING

EXTERNAL STYLING

note
NOTE:

Any styling method you decide to use during this tutorial is up to you. But there will be some areas where you will have to use a specific method for ease of purpose and other reasons.

PREVIOUS NEXT
ADVERTISEMENTS

LEARNING IS A CONTINOUS PROCESS - PRACTICE MAKES PERFECT