You must be logged in to take this course → LOGIN | REGISTER NOW
Morbi sem erat, molestie ornare nisl mollis, tempor sodales mauris. Cras hendrerit, neque cursus ornare aliquam, massa massa posuere purus.
CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (ví dụ như HTML). Bạn có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng,…thì CSS sẽ giúp chúng ta có thể thêm một chút “phong cách” vào các phần tử HTML đó như đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc,…
Course Curriculum
1. Quick Course Overview | |||
1.1 Intro To This Course | FREE | 00:12:00 | |
2. Welcome Overview Of CSS Selectors And Setup | |||
2.1 What Are CSS Selectors Plus Why Do We Care | 00:10:00 | ||
2.2 What You Need To Be Set Up For This Course | 00:20:00 | ||
2.3 What is The Point Of Using CSS | FREE | 00:15:00 | |
2.4 How Does The Code Work To Let Us Use CSS | 00:10:00 | ||
2.5 Behind The Scenes Of A Form | 00:30:00 | ||
2.6 More About CSS Selectors – Be Broad Or Be Specific | 00:10:00 | ||
3. Saving Changes Plus Child Themes | |||
3.1 How To Set Up A Child Theme In WordPress | 00:30:00 | ||
3.2 Quick Overview On Chrome DevTools – Our New Best Friend | 00:00:00 | ||
3.3 How Do We Save Our Changes | 00:00:00 | ||
3.4 Why Use A Child Theme | 00:00:00 | ||
4. Let's Dive In To CSS - Specific Changes | |||
4.1 Selecting Our Code In Different Ways – There Isn’t Just ONE Answer | 00:00:00 | ||
4.2 Divs – Let’s Play With Margin Plus Padding | 00:00:00 | ||
4.3 Divs – Floats Backgrounds Plus Widths | 00:00:00 | ||
4.4 Using Multiple Selectors For The Same Div SAVES US TIME | 00:00:00 | ||
4.5 Making Elements DISAPPEAR – Use The Display Property | 00:00:00 | ||
4.6 Divs – It’s Time To FLOAT | 00:00:00 | ||
4.7 Using Placeholder Text In Your Form | 00:00:00 | ||
4.8 Watch Your Code – Placeholder MISTAKE | 00:00:00 | ||
4.9 Using Borders – Do This To FIX Your Code | 00:00:00 | ||
4.10 What Does Text-Transform Do | 00:00:00 | ||
4.11 Pay Attention To Small Details – Line-Height Is Important | 00:00:00 | ||
4.12 Styling Your Placeholder Text | 00:00:00 | ||
5. Common HTML and CSS You ll See Over And Over Again | |||
5.1 Quick Run-through – HTML Elements You Use Every Day | 00:00:00 | ||
5.2 Working With Images – Width Height Plus Retina-Friendly | 00:00:00 | ||
5.3 Working With Links – Padding Margin Plus Fixing A Common Issue | 00:00:00 | ||
5.4 Styling Links To Change When You HOVER Over Them | 00:00:00 | ||
5.5 Make A Link Pop When You Click It | 00:00:00 | ||
5.6 Quick Overview – Responsive Design | 00:00:00 | ||
6. Let's Go Deeper - More Common Issues Plus Quick Fixes | |||
6.1 Percentages Pixels Plus The Border-Box Hack | 00:00:00 | ||
6.2 Force An Element To STAY PUT | 00:00:00 | ||
6.3 Centering – Text-Align VS Margin | 00:00:00 | ||
6.4 Should We Write Styling Into The HTML Or CSS File | 00:00:00 | ||
6.5 CSS Specificity – Which Code Wins | 00:00:00 | ||
6.6 How To Fix Collapsed Divs | 00:00:00 | ||
6.7 Clear Your Floating Divs | 00:00:00 | ||
7. Create Your Own Form From SCRATCH | |||
7.1 Form Setup – What You Need To Do For This Section | 00:00:00 | ||
7.2 Next Step – Give The Inputs Some Room | 00:00:00 | ||
7.3 Width Plus Border-Box Saves Us Time And Having To Do Math | 00:00:00 | ||
7.4 Form Input Backgrounds | 00:00:00 | ||
7.5 Form Borders | 00:00:00 | ||
7.6 Next Step – Text-Transform Plus Text-Align | 00:00:00 | ||
7.7 Make Your Fonts Match And Use Google Fonts | 00:00:00 | ||
7.8 The Perfect Submit Button | 00:00:00 | ||
7.9 Make The Submit Button Change On Click | 00:00:00 | ||
7.10 Get Inspiration From Other Websites – Model Their Code | 00:00:00 | ||
8. The END | |||
8.1 Learn One Thing At A Time Plus Ask Me Anything | 00:00:00 |
Course Reviews
No Reviews found for this course.
13 STUDENTS ENROLLED