Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 4 additions & 3 deletions files/en-us/_redirects.txt
Original file line number Diff line number Diff line change
Expand Up @@ -5176,7 +5176,7 @@
/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance /en-US/docs/Learn_web_development/Core/Styling_basics/Handling_conflicts
/en-US/docs/Learn/CSS/Building_blocks/Cascade_layers /en-US/docs/Learn_web_development/Core/Styling_basics/Cascade_layers
/en-US/docs/Learn/CSS/Building_blocks/Cascade_tasks /en-US/docs/Learn_web_development/Core/Styling_basics/Test_your_skills/Cascade
/en-US/docs/Learn/CSS/Building_blocks/Creating_fancy_letterheaded_paper /en-US/docs/Learn_web_development/Core/Styling_basics/Fancy_letterheaded_paper
/en-US/docs/Learn/CSS/Building_blocks/Creating_fancy_letterheaded_paper /en-US/docs/Learn_web_development/Core/Styling_basics
/en-US/docs/Learn/CSS/Building_blocks/Debugging_CSS /en-US/docs/Learn_web_development/Core/Styling_basics/Debugging_CSS
/en-US/docs/Learn/CSS/Building_blocks/Fundamental_CSS_comprehension /en-US/docs/Learn_web_development/Core/Styling_basics
/en-US/docs/Learn/CSS/Building_blocks/Handling_different_text_directions /en-US/docs/Learn_web_development/Core/Styling_basics/Handling_different_text_directions
Expand Down Expand Up @@ -5270,7 +5270,7 @@
/en-US/docs/Learn/CSS/Styling_boxes/Backgrounds /en-US/docs/Learn_web_development/Core/Styling_basics/Backgrounds_and_borders
/en-US/docs/Learn/CSS/Styling_boxes/Borders /en-US/docs/Learn_web_development/Core/Styling_basics/Backgrounds_and_borders
/en-US/docs/Learn/CSS/Styling_boxes/Box_model_recap /en-US/docs/Learn_web_development/Core/Styling_basics/Box_model
/en-US/docs/Learn/CSS/Styling_boxes/Creating_fancy_letterheaded_paper /en-US/docs/Learn_web_development/Core/Styling_basics/Fancy_letterheaded_paper
/en-US/docs/Learn/CSS/Styling_boxes/Creating_fancy_letterheaded_paper /en-US/docs/Learn_web_development/Core/Styling_basics
/en-US/docs/Learn/CSS/Styling_boxes/Styling_tables /en-US/docs/Learn_web_development/Core/Styling_basics/Tables
/en-US/docs/Learn/CSS/Styling_text /en-US/docs/Learn_web_development/Core/Text_styling
/en-US/docs/Learn/CSS/Styling_text/Fundamentals /en-US/docs/Learn_web_development/Core/Text_styling/Fundamentals
Expand Down Expand Up @@ -5801,7 +5801,8 @@
/en-US/docs/Learn_web_development/Core/Styling_basics/Cascade_and_inheritance /en-US/docs/Learn_web_development/Core/Styling_basics/Handling_conflicts
/en-US/docs/Learn_web_development/Core/Styling_basics/Cascade_tasks /en-US/docs/Learn_web_development/Core/Styling_basics/Test_your_skills/Cascade
/en-US/docs/Learn_web_development/Core/Styling_basics/Cool-looking_box /en-US/docs/Learn_web_development/Core/Styling_basics
/en-US/docs/Learn_web_development/Core/Styling_basics/Creating_fancy_letterheaded_paper /en-US/docs/Learn_web_development/Core/Styling_basics/Fancy_letterheaded_paper
/en-US/docs/Learn_web_development/Core/Styling_basics/Creating_fancy_letterheaded_paper /en-US/docs/Learn_web_development/Core/Styling_basics
/en-US/docs/Learn_web_development/Core/Styling_basics/Fancy_letterheaded_paper /en-US/docs/Learn_web_development/Core/Styling_basics
/en-US/docs/Learn_web_development/Core/Styling_basics/Fundamental_CSS_comprehension /en-US/docs/Learn_web_development/Core/Styling_basics
/en-US/docs/Learn_web_development/Core/Styling_basics/Images_media_form_elements /en-US/docs/Learn_web_development/Core/Styling_basics/Images_media_forms
/en-US/docs/Learn_web_development/Core/Styling_basics/Images_tasks /en-US/docs/Learn_web_development/Core/Styling_basics/Test_your_skills/Images
Expand Down
4 changes: 0 additions & 4 deletions files/en-us/_wikihistory.json
Original file line number Diff line number Diff line change
Expand Up @@ -7677,10 +7677,6 @@
"rachelandrew"
]
},
"Learn_web_development/Core/Styling_basics/Fancy_letterheaded_paper": {
"modified": "2020-07-16T22:28:23.858Z",
"contributors": ["chrisdavidmills", "jswisher", "maurodibert"]
},
"Learn_web_development/Core/Styling_basics/Getting_started": {
"modified": "2020-07-16T22:27:48.937Z",
"contributors": [
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ page-type: learn-module-chapter
sidebar: learnsidebar
---

{{PreviousMenuNext("Learn_web_development/Core/Styling_basics/Tables", "Learn_web_development/Core/Styling_basics/Fancy_letterheaded_paper", "Learn_web_development/Core/Styling_basics")}}
{{PreviousMenuNext("Learn_web_development/Core/Styling_basics/Tables", "Learn_web_development/Core/Text_styling", "Learn_web_development/Core/Styling_basics")}}

Sometimes when writing CSS you will encounter an issue where your CSS doesn't seem to be doing what you expect. Perhaps you believe that a certain selector should match an element, but nothing happens, or a box is a different size than you expected. This article will give you guidance on how to go about debugging a CSS problem, and show you how the DevTools included in all modern browsers can help you to find out what is going on.

Expand Down Expand Up @@ -185,4 +185,4 @@ That's it for all the lessons in this module. To finish it off, we'll test your
- [Firefox > Examine and edit CSS](https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/examine_and_edit_css/index.html), Firefox Source Docs
- [Chrome > View and change CSS](https://developer.chrome.com/docs/devtools/css/), developer.chrome.com

{{PreviousMenuNext("Learn_web_development/Core/Styling_basics/Tables", "Learn_web_development/Core/Styling_basics/Fancy_letterheaded_paper", "Learn_web_development/Core/Styling_basics")}}
{{PreviousMenuNext("Learn_web_development/Core/Styling_basics/Tables", "Learn_web_development/Core/Text_styling", "Learn_web_development/Core/Styling_basics")}}

This file was deleted.

Original file line number Diff line number Diff line change
Expand Up @@ -44,6 +44,8 @@ Before starting this module, you should have a basic work environment set up (as
- : Understanding how big the different features in your design will be is important. In this lesson we will summarize the various ways elements get a size via CSS and define a few terms about sizing that will help you in the future.
- [Backgrounds and borders](/en-US/docs/Learn_web_development/Core/Styling_basics/Backgrounds_and_borders)
- : In this lesson, we will take a look at some of the creative things you can do with CSS backgrounds and borders. From adding gradients, background images, and rounded corners, backgrounds and borders are the answer to a lot of styling questions in CSS.
- [Challenge: Sizing and decorating a content panel](/en-US/docs/Learn_web_development/Core/Styling_basics/Size_decorate_content_panel) <sup>Challenge</sup>
- : In this challenge you are provided with a lightly styled page structure that renders a content panel, with a heading at the top and a button bar at the bottom. we want you to follow the instructions to size and decorate it, producing an interesting layout as a result. Along the way, we'll test your knowledge of CSS values and units, sizing, and background and borders.
- [Overflowing content](/en-US/docs/Learn_web_development/Core/Styling_basics/Overflow)
- : Overflow is what happens when there is too much content to fit inside an element box. In this lesson, you will learn how to manage overflow using CSS.
- [Images, media, and form elements](/en-US/docs/Learn_web_development/Core/Styling_basics/Images_media_forms)
Expand All @@ -52,8 +54,6 @@ Before starting this module, you should have a basic work environment set up (as
- : Styling an HTML table isn't the most glamorous job in the world, but sometimes we all have to do it. This article explains how to make HTML tables look good, with some specific table styling techniques highlighted.
- [Debugging CSS](/en-US/docs/Learn_web_development/Core/Styling_basics/Debugging_CSS)
- : This article will give you guidance on how to go about debugging a CSS problem, and show you how the DevTools included in all modern browsers can help you to find out what is going on.
- [Challenge: Creating fancy letterheaded paper](/en-US/docs/Learn_web_development/Core/Styling_basics/Fancy_letterheaded_paper) <sup>Challenge</sup>
- : If you want to make the right impression, writing a letter on nice letterheaded paper can be a really good start. In this challenge you will create an online template to achieve such a look.

## Test your skills

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ page-type: learn-module-chapter
sidebar: learnsidebar
---

{{PreviousMenuNext("Learn_web_development/Core/Styling_basics/Test_your_skills/Backgrounds_and_borders", "Learn_web_development/Core/Styling_basics/Test_your_skills/Overflow", "Learn_web_development/Core/Styling_basics")}}
{{PreviousMenuNext("Learn_web_development/Core/Styling_basics/Size_decorate_content_panel", "Learn_web_development/Core/Styling_basics/Test_your_skills/Overflow", "Learn_web_development/Core/Styling_basics")}}

Overflow is what happens when there is too much content to fit inside an element box. In this lesson, you will learn how to manage overflow using CSS.

Expand Down Expand Up @@ -212,4 +212,4 @@ This lesson introduced the concept of overflow. You should understand that defau

In the next article, we'll give you some tests that you can use to check how well you've understood and retained the information we've provided on overflow.

{{PreviousMenuNext("Learn_web_development/Core/Styling_basics/Test_your_skills/Backgrounds_and_borders", "Learn_web_development/Core/Styling_basics/Test_your_skills/Overflow", "Learn_web_development/Core/Styling_basics")}}
{{PreviousMenuNext("Learn_web_development/Core/Styling_basics/Size_decorate_content_panel", "Learn_web_development/Core/Styling_basics/Test_your_skills/Overflow", "Learn_web_development/Core/Styling_basics")}}
Loading