Cascading Style Sheets

  • What are Cascading Style Sheets?
  • CSS Syntax
  • Creating an External CSS
  • Linking to a CSS
  • Adding Comments and Notes to a CSS
  • Creating an Internal Style Sheet
  • ID and Class
  • Inline Styling

Working With Text in CSS

  • Emphasizing Text (Bold and Italic)
  • Decoration
  • Indentation
  • Transformation
  • Text Alignment
  • Fonts
  • Font Sizes
  • Letter Spacing (Kearning)
  • Line Spacing (Leading)
  • Text Color
  • Margins
  • Padding
  • Borders
  • Styling Links
  • Number and Bullet Styles
  • Sizing Elements
  • Text Wrapping
  • Shadowing

Creating Backgrounds in CSS

  • Colors
  • Images
  • Fixed Images

Images in CSS

  • Opacity
  • Floating Images
  • Image Galleries
  • Image Sprites

 Box Model in CSS

  • What is a box model?
  • Margin
  • Padding
  • Border
  • Outline

Working With Elements in CSS

  • Display and Visibility
  • Grouping and Nesting
  • Dimensions of Elements
  • Positioning
  • Floating
  • Pseudo-Classes/Pseudo-Elements

Adding a Navigation Bar in CSS

  • Vertical Navigation Bar
  • Horizontal Navigation Bar – Inline
  • Horizontal Navigation Bar – Floating

CSS3 Introduction

Backgrounds

  • background-size
  • background-origin 

Gradients

  • Linear Gradients
  • Multiple Color Stops
  • Using Transparency
  • Repeating a linear-gradient
  • Radial Gradients

 

Border Images

  • border image source
  • border image slice
  • border image outset
  • border image repeat

Text Effects

  • text-shadow

Fonts

  • font-face Rule
  • font-stretch
  • font-weight 

2D Transforms

  • How Does it Work?
  • Browser Support
  • 2D Transforms
  • translate()
  • rotate()
  • scale()
  • skew()
  • matrix() 

3D Transforms

  • rotateX()
  • rotateY() 

Images

  • Rounded Images
  • Thumbnail Images
  • Responsive Images
  • Image Text
  • Image Filters

Buttons

  • Button Colors
  • Button Sizes
  • Rounded Buttons
  • Colored Button Borders
  • Hoverable Buttons

Pagination

  • Active and Hoverable
  • Hoverable Transition Effect
  • Bordered Pagination
  • Space Between Links

Breadcrumbs

Multiple Columns layout

  • Specify the Gap Between Columns
  • Column Rules
  • Specify The Column Width

Transitions

  • How does it work?
  • transition-property
  • transition-duration
  • transition-delay 

Animations

  • CSS3 @keyframes Rule
  • Browser Support
  • Animation, animation-duration 

User Interface

  • resize
  • box-sizing
  • outline-offset

Rounded Corners

  • Border radius Property
  • border top left radius
  • border top right radius
  • border bottom right radius
  • border bottom left radius

Box Sizing

Flexible Box

  • Flex Direction
  •  Justify content Property
  • Align items Property

STUDENT BENEFITS

  • Job Assistance
  • Pay Fees in Installments / EMI
  • Technical Support after Course Completion
  • Back up Classes Available
  • Attend Demo class
  • Course Complete Certificate
  •  Lab Facility
  • Real Time Project

ADDITIONAL HIGHLIGHTS

  • Total 60  hours Class
  • 1 on 1 Trining
  •  You Get In-Depth Practical Knowledge on each Topic
  • Free Study E-Material, PDFs, Video Trainings
  • Flexible Timimg
  •  Online Trainings provided

Get in touch

For More Information: Call us on +917411000877

© Copyright 2018. All Rights Reserved.

Contact us on +917411000877