From d162dbc6634b6d07dbbfbc07f9025e032cc39a03 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Sun, 21 Dec 2025 21:27:53 +0100 Subject: [PATCH] chore: sync content to repo (#9478) Co-authored-by: kamranahmedse <4921183+kamranahmedse@users.noreply.github.com> --- .../content/background-image@d-rp-EHKyHnzuIHWHOc7C.md | 10 ++++++++++ .../css/content/font-weight@jV9oHJdtocQzzALylaFnA.md | 10 ++++++++++ 2 files changed, 20 insertions(+) create mode 100644 src/data/roadmaps/css/content/background-image@d-rp-EHKyHnzuIHWHOc7C.md create mode 100644 src/data/roadmaps/css/content/font-weight@jV9oHJdtocQzzALylaFnA.md diff --git a/src/data/roadmaps/css/content/background-image@d-rp-EHKyHnzuIHWHOc7C.md b/src/data/roadmaps/css/content/background-image@d-rp-EHKyHnzuIHWHOc7C.md new file mode 100644 index 000000000..353b0635f --- /dev/null +++ b/src/data/roadmaps/css/content/background-image@d-rp-EHKyHnzuIHWHOc7C.md @@ -0,0 +1,10 @@ +# Background Image + +A background image in CSS lets you add an image to the background of an HTML element. This image can be a simple pattern, a photograph, or any other visual element you want to display behind the content of your element. You can control how the image is positioned, repeated, and sized within the background area. + +Visit the following resources to learn more: + +- [@article@MDN – background-image](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/background-image) +- [@article@CSS-Tricks – A Complete Guide to CSS Backgrounds](https://css-tricks.com/almanac/properties/b/background/) +- [@video@How to include a CSS background image 🏙️](https://www.youtube.com/watch?v=_oFWg_NlKdo) +- [@video@Background images with HTML & CSS](https://www.youtube.com/watch?v=zHZRFwWQt2w) \ No newline at end of file diff --git a/src/data/roadmaps/css/content/font-weight@jV9oHJdtocQzzALylaFnA.md b/src/data/roadmaps/css/content/font-weight@jV9oHJdtocQzzALylaFnA.md new file mode 100644 index 000000000..b83bdac4e --- /dev/null +++ b/src/data/roadmaps/css/content/font-weight@jV9oHJdtocQzzALylaFnA.md @@ -0,0 +1,10 @@ +# Font Weight + +Font weight refers to the thickness or boldness of characters in a typeface. In CSS, it's a property that allows you to specify how heavy or light the font should appear. Values can be numeric (like 100, 400, 700) or descriptive (like `normal`, `bold`, `lighter`, `bolder`), offering control over the visual emphasis of text. + +Visit the following resources to learn more: + +- [@article@Font Weight](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/font-weight) +- [@article@An Introduction to HTML/CSS Font Weight](https://www.udacity.com/blog/2021/01/html-css-font-weight.html) +- [@article@CSS font-weight Property](https://www.w3schools.com/cssref/pr_font_weight.php) +- [@video@CSS Tutorial For Beginners 30 - Font Weight](https://www.youtube.com/watch?v=qeh4UeaGTnc) \ No newline at end of file