CSS for Server-Side Developers

Get your team started on a custom learning journey today!

Our Boulder, CO-based learning experts are ready to help!

Get A Quote!

Course Summary

Home > Courses >Front-End Development >CSS >CSS for Server-Side Developers

Cascading Style Sheets(CSS) describes and controls how HTML elements/tags are displayed on a webpage. The CSS for Server-Side Developers course teaches developers to utilize the key CSS concepts required to support back-end server-side development.

The course begins with an exploration of CSS basics and selectors like pseudo class and the universal selector. The course then transitions into discussing the box model, floating, and positioning. Finally, it wraps up by covering page layouts, bugs, and working with older browsers. The course will be valuable for server-side developers who need to make sense of CSS and use it in their roles.

Purpose
Learn how to utilize the key CSS concepts required to support back-end server-side development.
Audience
Server side developers needing to maintain CSS code.
Role
Software Developer - Technical Manager
Skill Level
Intermediate
Style
Workshops
Duration
1 Day
Related Technologies
Download
imgprinter
  • Productivity Objectives:
    •  Distinguish between the major important selectors to use when styling pages with CSS.
    •  Utilize the Box Model and float and position properties to position elements on a page and relative to one another.
    •  Modify stylesheets using hacks and filters to make them compatible with older browsers.
    •  Troubleshoot and fix common CSS bugs.
Learn About Virtual Training

Get Quote

100secure

If you are not completely satisfied with your training class, we'll give you your money back.

secure100 secure100 secure100 secure100

about our training

  • keywordicon1
    Real-World Content

    Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.

  • keywordicon2
    Expert Practitioners

    Industry experts with 15+ years of industry experience that bring their battle scars into the classroom.

  • keywordicon3
    Experiential Learning

    More coding than lecture, coupled with architectural and design discussions.

  • keywordicon4
    Fully Customized

    One-size-fits-all doesn't apply to training teams. That's where we come in!

What You'll Learn

In the CSS for Server-Side Developers training course, you'll learn:

  • Cascading Style Sheets Orientation
    • The benefits of CSS
    • How style sheets work
    • Writing CSS style rules
    • Attaching styles to (X)HTML documents
    • Inheritance, the cascade, specificity, rule order, and the box model
  • Formatting Text
    • The font properties
    • Units of measurement
    • Text color
    • Text line settings – line height, indents and alignment
    • Underlines
    • Capitalization
    • Letter and word spacing
    • Descendant (contextual), ID and class selectors
    • Specificity basics
  • CSS Basics
    • Inline
    • Embedded
    • External
    • Style sheets for print and other media
  • More Selectors
    • Pseudoclass and pseudoelement selectors
    • Universal selector
    • Child and adjacent sibling selectors
    • Attribute selectors
  • Box Model – Padding, Borders & Margins
    • What is an element box
    • Setting box dimensions
    • Adding padding around content
    • Adding borders
    • Adding margins
    • Assigning display roles
  • Floating and Positioning
    • Floating elements to the left and right
    • Clearing floated elements
    • Relative positioning
    • Absolute positioning and containing blocks
    • Fixed positioning
  • Page Layouts
    • Fixed, liquid and elastic page layouts
    • Two and Three column layouts using floats
    • Two and Three column layouts using absolute positioning
    • Centering a fixed-width page
  • Hacks and Filters (Working with older browsers)
    • Filtering separate stylesheets
    • Filtering individual rules and declarations
    • Child selector hack
    • Attribute selector hack
    • Star HTML hack
    • Box model hack
  • Bugs and Bug Fixing
    • CSS Validation
    • Specificity in depth
    • Margin Collapsing
    • Firefox extensions
    • Using “layout”
    • Common bugs & fixes
    • Double-margin float
    • Three-pixel job bug
    • Absolute positioning in a relative container
Real-world content

Project-focused demos and labs using your tool stack and environment, not some canned "training room" lab.

Expert Practitioners

Industry experts that bring their battle scars into the classroom.

Experiential Learning

More coding than lecture, coupled with architectural and design discussions.

Fully Customized

One-size-fits-all doesn't apply to training teams. That's where we come in!

Elite Instructor Program

We recently launched our internal Elite Instructor Program. The community driven instructor program is designed to support instructors in transforming students’ lives by consistently showing a world-class level of engagement, ability, and teaching prowess. Reach out today to learn more about our instructors.

Customized Technical Learning Solutions to Help Attract and Retain Talented Developers

View Our Courses
Get In Touch
Get Quote

Get your team upskilled or reskilled today. Chat with one of our experts to create a custom training proposal. Fully customized at no additional cost. 100% guaranteed.

DevelopIntelligence leads technical and software development learning programs for Fortune 5000 companies. We provide learning solutions for hundreds of thousands of engineers for over 250 global brands.

99statisfaction1Educate learners using experienced practitioners.
pularsight Proven customization process is guaranteed.
budgetnewlogoStrategic partner, not just another vendor.
  • testimonalsfooter

    “I appreciated the instructor’s technique of writing live code examples rather than using fixed slide decks to present the material.” – VMware

    View More