logo

Introduction to CSS Training (DV4912)

This CSS training class teaches students to use Cascading Style Sheets to format HTML pages. This course has been updated to use the latest CSS3 methods.

Pohađajte naše obuke programiranja u Eccentrix trening centru u Beogradu, uživo putem interneta (virtuelno online), kao i u Vašim prostorijama (onsite).

Specijalni popusti se odobravaju prilikom prijave više učesnika koji istovremeno pohađaju obuku iz vaše kompanije, državni i neprofitni sektor, itd. Kontaktirajte nas da biste saznali više.

Termini obuke

Trajanje obuke: 
2 dana / 14 sati

Privatni trening

On-site / Online
Minimalan broj polaznika: 3
2 dana / 14 sati
Cena na zahtev
srpski ili engleski
Plan obuke: 

Module 1: Crash Course in CSS

  • Benefits of Cascading Style Sheets
  • CSS Rules
  • CSS Comments
  • Selectors
  • Type Selectors
  • Class Selectors
  • ID Selectors
  • Attribute Selectors
  • The Universal Selector
  • Grouping
  • Combinators
  • Descendant Combinators
  • Child Combinators
  • General Sibling Combinators
  • Adjacent Sibling Combinators
  • Precedence of Selectors
  • How Browsers Style Pages
  • CSS Resets
  • CSS Normalizers
  • External Stylesheets, Embedded Stylesheets, and Inline Styles
  • External Stylesheets
  • Embedded Stylesheets
  • Inline Styles
  • <div> and <span>
  • Media Types
  • Units of Measurement
  • Absolute vs. Relative Units
  • Pixels
  • Ems and Rems
  • Percentages
  • Other Units
  • Inheritance
  • The inherit Value

Module 2: CSS Fonts

  • font-family
  • Specifying by Font Name
  • Specifying Font by Category
  • @font-face
  • Getting Fonts
  • font-size
  • Relative font-size Terms
  • Best Practices
  • font-style
  • font-variant
  • font-weight
  • line-height
  • font

Module 3: Color and Opacity

  • About Color and Opacity
  • Color and Opacity Values
  • Color Keywords
  • RGB Hexadecimal Notation
  • RGB Functional Notation
  • HSL Functional Notation
  • color
  • opacity

Module 4: CSS Text

  • letter-spacing
  • text-align
  • text-decoration
  • text-indent
  • text-shadow
  • text-transform
  • white-space
  • word-break
  • word-spacing

Module 5: Borders, Margins, and Padding

  • The CSS Basic Box Model
  • Introduction to using Google Chrome DevTools with CSS
  • Padding
  • Margin
  • Border
  • border-width
  • border-style
  • border-color
  • border-radius
  • box-sizing
  • box-shadow

Module 6: Backgrounds

  • background-color
  • background-image
  • background-repeat
  • overflow
  • background-attachment
  • background-position
  • Keywords
  • Coordinates
  • Creating a "hint" Class
  • background-size
  • background-origin
  • background-clip
  • Modifying the "hint" Class
  • background

Module 7: Display and Visibility

  • display
  • visibility

Module 8: Pseudo-classes and Pseudo-elements

  • Pseudo-classes
  • Styling Links with Pseudo-classes
  • Styling Tables and Articles with Pseudo-classes
  • :nth-child()
  • Pseudo-elements
  • content
  • Using Pseudo-elements

Module 9: Styling Tables with CSS

  • A Review of HTML table Elements and Attributes
  • Spanning Columns and Rows
  • CSS Properties and Styling Tables
  • table-layout
  • border-collapse

Module 10: Positioning

  • Normal Flow
  • position
  • Positioning with top, bottom, left, and right
  • z-index
  • float and clear
  • float
  • clear
  • float, clear, and ::after

Module 11: Transforms and Transitions

  • transition
  • transition-property
  • transition-duration
  • transition-timing-function
  • transition-delay
  • transition
  • transform
  • Rotation
  • Scale
  • Skew
  • Translate

Module 12: Layouts

  • Introduction to Flexible Box Layout Module
  • Some Flexbox Properties
  • Introduction to Grid Layout
  • Some Grid Properties
  • Multi-column Layout

Module 13: CSS Lists as Hierarchical Navigation

  • Dynamic Drop-down and Fly-out Navigation Bars

Module 14: Media Queries

  • What Are Media Queries?
  • Breakpoints
  • Media Types
  • Syntax
  • Font Awesome
  • Finding and Using Icons
Benefiti: 
  • Video snimak predavanja u periodu od 180 dana posle kraja obuke

  • Pristup laboratorijama u toku trajanja kursa
  • Materijal u elektronskom obliku

  • Sertifikat o pohađanju kursa

Poželjno predznanje: 

Experience in HTML

Kontaktirajte nas za više informacija o ceni:

Eccentrix
Office: +381 11 71 38 192
Mobile: +381 65 31 38 195
E-mail: Jelena.Mijanovic@eccentrix.rs

Milutina Milankovića 9đ,
11070 Novi Beograd
www.eccentrix.rs

Eccentrix
Office: +381 11 71 38 192
Mobile: +381 65 31 38 197
E-mail: Boris.Gigovic@eccentrix.rs

Milutina Milankovića 9đ,
11070 Novi Beograd
www.eccentrix.rs