Css Training

css  Training

Introduction To CSS Training Course:

The Cascading Style Sheets in short called as CSS, It  is an simple design language intended to simplify the process of making the web pages presentable. CSS handles the look &  feel part of a nweb page. By using  the CSS, you can control the color of the text, the style of fonts, the spacing between paragraphs, how columns are sized & laid out, what background images or colors are used, layout designs, variations in display for different devices & screen sizes as well as a variety of other effects and much more. CSS is very easy to learn & understand but it provides powerful control over the presentation of an HTML document. Most commonly,  the CSS is combined with the markup languages HTML or the  XHTML. Register for CSS Training Now at Global Online Trainings and learn to customize the look n feel of your web page.

CSS Online Training Course content

CSS review & basics
  • CSS syntax & selectors
  • CSS Classes & ID’s
  • CSS1 vs CSS2 vs CSS3
  • The cascade
  • Inheritance
  • Specificity
  • Validating
Some basic CSS properties
  • box model
  • Block vs inline elements
  • Div’s & spans
  • Border properties
  • Width, height & max, min
  • auto property
Creative artwork &CSS
  • Using images in CSS
  • Applying texture
  • Graduated fills
  • Round corners
  • Transparency and semi-transparency
  • Stretchy boxes
  • Creative typography
Layout principals with CSS
  • Document flow
  • Absolute positioning
  • Relative positioning
  • Static positioning
  • Floating elements
Building layout with CSS
  • A centred container
  • column layout
  • Faux columns


CSS based navigation
  • Mark up structures for navigation
  • Styling links with pseudo classes
  • Building a horizontal navigation bar
  • Building a vertical navigation bar
  • CSS drop down navigation systems
Creating a CSS styled form
  • Form mark up
  • Associating labels with inputs
  • Grouping form elements together
  • Form based selectors
  • Changing properties of form elements
  • Formatting text in forms
  • Changing the appearance of buttons
  • Laying out forms
Styling a data table
  • Basic table mark up
  • Adding row & column headers
  • Simplifying table structure
  • Styling row & column headings
  • Adding borders
  • Formatting text in tables
  • Laying out & positioning tables
Creating a print page
  • Switching to a different media
  • Showing & hiding elements
  • Altering layout t
  • Changing font & font size
  • Showing or hiding link information
  • Previewing & testing print styles
Working with other media types
  • Switching to a different media
  • Delivery to other devices
  • Dynamically switching style sheets
  • Accessibility considerations
  • Graceful transformation
Common CSS problems and Hacks!
  • Browser support issues
  • Writing CCS rules for specific browsers
  • Peekaboo bug  & Holly hack
  • IE box model problem & Tan Hack
  • Float clearing issues &  :after
  • 3 pixel jog
  • Validating