CSS is the most essential language of the web development. If you really want to become a good and well-grounded web developer, you need to take your first step very strongly. This course is the best chance for whom is willing to learn HTML Basics, CSS Fundamentals, CSS Selectors, Specificity, Inheritance, Cascade and Display Features.Every topics are supported by comprehensive examples and lab sessions to support and reinforce the learning curve.
So to become a CSS expert, you have to understand the fundamental topics very clearly and the most important basics are included in this course to make everything clear in your mind.
The topic covered in the course are mainly :
- HTML Basics
- HTML Element Types
- CSS Fundamentals / CSS Syntax
- Vendor Prefixes
- Commenting CSS Codes
- Including CSS into HTML Page With 5 Different Ways
- Basic CSS Selectors
- Combinators
- Attribute Selectors
- Pseudo Class Selectors
- Pseudo Element Selectors
- Specificity
- Inheritance
- Cascade
- Display Types
At the end of this course, you'll have gained a better understanding of the power and flexibility of CSS Selectors. You will be more aware of fundamental CSS topics. You'll have a new set of valuable skills in your knowledge to develop your next project. We will uncover the power behind the advanced CSS selectors.
css parent selector, css selectors selenium, css descendant selector, css selectors cheat sheet, css attribute selectors, css selectors child, 30 css selectors, css selectors mdn, pseudo classes, css multiple class selector, css has, css plus selector, css inheritance, css cascading rules, cascading css example, in what order does the cascade look at factors to determine which css rule to follow, css override inherited style, css stop inheritance from parent, css important, css hierarchy tree, conflicting styles in css, css specificity star wars, css specificity multiple classes, css specificity important, css specificity calculator chrome, smashing magazine css specificity
Course Curriculum
- Attribute Exists Selector
- Attribute Equals Selector
- Lab Session: Selecting Ids and Classes with Attribute Equals Selector
- Attribute Spaced Selector
- Attribute Hyphenated Selector
- Attribute Begins With Selector
- Attribute Ends With Selector
- Attribute Contains Selector
- Lab Session: Selecting Elements with Multiple Attributes
- What are Pseudo Classes?
- Dynamic Pseudo Classes
- Lab Session: Improving Our Links with Pseudo Classes
- Lab Session: Selecting Parent when Focus on Children and Descendants
- Target Pseudo Class
- Language Pseudo Class
- The UI Element States Pseudo Classes
- Structural Pseudo Classes
- Selecting the Root Element
- Selecting Empty Elements
- Selecting the Child Elements
- Lab Session: Simple Rating System with :nth-child() Pseudo Class
- Selecting Child Elements of a Particular Type
- Lab Session: Understanding Type Specific Child Selectors
- Negation Pseudo Class
- Lab Session: Using Multiple Negation Pseudo Class on the Same Element
- Lab Session: Combining Pseudo Classes
- What are Pseudo Elements?
- Selecting the First Line
- Selecting the First Letter
- Lab Session: Stylish Texts by Using ::first-line and ::first-letter
- Style the Text Selection
- Generating Content Before and After an Element
- Lab Session: Styling First Line and First Letter of Generated Contents
- Lab Session: Adding Emojis to Our Links - Improving Our Links
- Lab Session: Combining Pseudo Elements with Pseudo Classes
Hi, I’m Alperen
I am Professional Frontend Developer. I have been developing web applications since more than 10 years.
I am helping you to sharpen your frontend skills. Instead of wasting your time in the inaccurate trap courses, you can increase your technical knowledge and practical experience with my detailed course focusing on a subject.
With my comprehensive courses, you will advance your Frontend Skills.
Follow my courses and sail to the frontend oceans together.
Use this for a heading.
Use this area for description text.
Use this for a heading.
Use this area for description text.
Use this for a heading.
Use this area for description text.