CSS is best in class when mingled in appropriate proportions with equally matched HTML tags. Cascading Style Sheets is more than aesthetic, it’s a way your web app is going to interact to the user. CSS when programmed with client side scripting they could change the face of the web page on a single event of HTML component that gives the power of interactivity when it comes to user interface (UI).
Course Content
- Introduction:-Syntax and Selectors, Colors, Backgrounds, Borders, Margins, Padding, Height and Width, Box Model, Outline, Text, Fonts, Icons, Links, Lists, Tables, Opacity / Transparency, Attribute Selectors, Units.
- CSS Layout:-Display, Position, Overflow, Inline-block, Float, Align.
- CSS Combinators:-Descendant Selector, Child Selector, Adjacent Sibling Selector, General Sibling Selector.
- CSS Pseudo-classes:-Define Pseudo-classes, Syntax, Anchor Pseudo-classes, Pseudo-classes and CSS Classes, :lang Pseudo-class.
- CSS Pseudo-elements:-Define Pseudo-elements, Syntax, ::first-line Pseudo-element, ::first-letter Pseudo-element, Pseudo-elements and CSS Classes, Multiple Pseudo-elements, ::before Pseudo-element, ::after Pseudo-element, ::selection Pseudo-element.
- CSS Navigation Bar:-Navigation bar with links, Vertical Navigation Bar, Active/Current Navigation Link, Center Links & Add Borders, Full-height Fixed Vertical Navbar, Horizontal Navigation Bar, Fixed Navigation Bar, Sticky Navbar, Responsive Navbar, Dropdown Navbar.
- CSS Dropdowns:-Basic Dropdown, Dropdown Menu, Dropdown Alingment.
- CSS Image:-Image Gallery, Image Sprites, Rounded Images, Thumbnail Images, Responsive Images, Center an Image, Polaroid Images / Cards, Transparent Image, Image Text, Image Filters, Image Hover Overlay, Flip an Image, Image Modal.
- CSS Forms:-Styling Input Fields, Padded Inputs, Bordered Inputs, Colored Inputs, Focused Inputs, Input with icon/image, Animated Search Input, Styling Textareas, Styling Select Menus, Styling Input Buttons, Responsive Form.
- CSS Counters:-Automatic Numbering With Counters, Nesting Counters, Counter Properties.
- CSS Website Layout:-Responsive Website Layout, creating header, creating content, creating footer, Navigation Bar.
- CSS Specificity:-Defining Specificity, Specificity Hierarchy, How to Calculate Specificity, Specificity Rules.
- CSS Advance:-Rounded Corners, Border Images, Multiple Backgrounds, Gradients, Shadow Effects, Text Effects, Web Fonts, object-fit Property, Pagination, Multiple Columns, User Interface, Variables, Box Sizing.
- CSS Flexbox:-Layout Module, Elements, Parent Element (Container), flex-direction Property, flex-wrap Property, flex-flow Property, justify-content Property, align-items Property, align-content Property, Child Elements, order Property, flex-grow Property, flex-shrink Property, flex-basis Property, align-self Property.
- CSS Media Queries:-Introduction to Media Types, Introduction to Media Queries, Media Query Syntax, CSS3 Media Types, Add a Breakpoint, Typical Device Breakpoints, Portrait / Landscape, Hide Elements With Media Queries, Change Font Size With Media Queries.
- CSS Transforms:-2D Transform Methods, 3D Transform Methods.
- CSS Transitions:-How to Use CSS Transitions, Speed Curve of the Transition, Transition Effect, Transition + Transformation.
- CSS Animations:-keyframes Rule, Delay an Animation, Reverse Direction or Alternate Cycles, Speed Curve, fill-mode, Shorthand Property, Timing function.
- CSS Tooltip:-Basic Tooltip, Positioning, Tooltip Arrows, Tooltip Animation.
- CSS Buttons:-Button Styling, Colors, Sizes, Hoverable, Shadow, Disabled, Groups, Button on Image, Animated Buttons.
- CSS Responsive Web Designing:-Introduction, Viewport, Grid-View, Videos, Frameworks, Templates.
- CSS Grid:- Grid Layout Module, Grid Elements, Display Property, Rows, Columns, Gaps, Lines, Container, grid-template-rows Property, grid-template-columns Property, justify-content Property, align-content Property, Item, Child Elements, grid-area Property, Naming Grid Items.
