وب سایت تخصصی شرکت فرین
دسته بندی دوره ها

CSS Essential Training

سرفصل های دوره

Cascading Style Sheets (CSS) is a stylesheet language that allows you to control the appearance of your webpages. In this hands-on course, instructor Christina Truong demonstrates the concepts that form the foundation of CSS, explaining what you need to know to tweak existing CSS and start writing your own with ease. Christina explains how to add colors and other design elements to take your webpages beyond just black text on a white background. She shows how to use selectors, how the box model defines the spacing and sizing of page elements, and how to style text and manage basic layouts with Flexbox and Grid. Learn the basics of working with typography, creating fluid and responsive layouts, and determining when to use the float and position properties. Along the way, test out your know-how with real-world projects that let you practice applying new content and skills.


01 - Introduction
  • 01 - Getting started with CSS
  • 02 - What you should know
  • 03 - How to complete the exercises

  • 02 - 1. Getting Started
  • 01 - HTML and CSS
  • 02 - Working with website files
  • 03 - Writing code with a text editor
  • 04 - Customizing your text editor
  • 05 - Project Overview and setup
  • 06 - Where to find images
  • 07 - Optimizing images for the web
  • 08 - Relative and absolute paths
  • 09 - Project Adding images and icons
  • 10 - Referencing CSS
  • 11 - Project Creating a CSS file

  • 03 - 2. CSS Core Concepts
  • 01 - CSS specifications and the W3C
  • 02 - CSS syntax and terminology
  • 03 - CSS values and units
  • 04 - The color property and values
  • 05 - Creating a color palette
  • 06 - Type and universal selectors
  • 07 - ID selectors
  • 08 - Class selectors
  • 09 - Descendant combinators and selector lists
  • 10 - The background property
  • 11 - Project Prepping the CSS file
  • 12 - Project Adding background styles
  • 13 - Pseudo-classes and pseudo-elements
  • 14 - Inheritance and the cascade
  • 15 - Specificity
  • 16 - Project Styling links

  • 04 - 3. The CSS Box Model
  • 01 - Intro to the CSS box model
  • 02 - The box model properties
  • 03 - Box-sizing and the box model fix
  • 04 - Inline, block, and display
  • 05 - Project Footer styles and icons
  • 06 - Debugging with developer tools
  • 07 - Managing box model quirks
  • 08 - Project Background image update
  • 09 - Using negative margin values
  • 10 - Center aligning with margin
  • 11 - Project Adding content wrappers
  • 12 - Project Adding a header image

  • 05 - 4. Layouts Float and Position
  • 01 - Intro to CSS Layout
  • 02 - Layouts with the float property
  • 03 - Clearing floats
  • 04 - Project Float images and text
  • 05 - The position property
  • 06 - Position and z-index
  • 07 - Project Fixed positioning

  • 06 - 5. Layouts Flexbox and Grid
  • 01 - Intro to Grid and Flexbox
  • 02 - Intro to Flexbox
  • 03 - Flexbox Orientation and ordering
  • 04 - Sizing with flex properties
  • 05 - Flexbox exercise
  • 06 - Project Sticky footer with flexbox
  • 07 - Aligning flex items
  • 08 - Project Aligning elements with Flexbox
  • 09 - Intro to CSS Grid
  • 10 - The explicit grid
  • 11 - The implicit grid
  • 12 - Adding gutters with the gap property
  • 13 - Project Adding columns with Grid

  • 07 - 6. Typography
  • 01 - Typography for the web
  • 02 - Changing fonts with font-family
  • 03 - font-weight and font-style
  • 04 - Web fonts with @font-face
  • 05 - Web fonts with Google Fonts
  • 06 - Project Google Fonts
  • 07 - The font-size property
  • 08 - Font-size and accessibility
  • 09 - Text-align and text-transform
  • 10 - Line-height and letter-spacing
  • 11 - Project Typography styles
  • 12 - Project Buttons and spacing

  • 08 - 7. Layouts Fluid and Responsive
  • 01 - Intro to responsive design
  • 02 - Intro to media queries
  • 03 - Breakpoints and media queries
  • 04 - Fluid layouts
  • 05 - The viewport meta tag
  • 06 - Testing responsive layouts
  • 07 - Project Breakpoints
  • 08 - Project Media queries Part 1
  • 09 - Project Media queries Part 2
  • 10 - Project Media queries Part 3

  • 09 - Conclusion
  • 01 - Continuing beyond the essentials with CSS
  • 45,900 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    خرید دانلودی فوری

    در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 18871
    حجم: 873 مگابایت
    مدت زمان: 328 دقیقه
    تاریخ انتشار: 20 شهریور 1402
    طراحی سایت و خدمات سئو

    45,900 تومان
    افزودن به سبد خرید