190 lines
4.2 KiB
JSON
190 lines
4.2 KiB
JSON
{
|
|
"name": "Basic CSS",
|
|
"dashedName": "basic-css",
|
|
"order": 1,
|
|
"time": "5 hours",
|
|
"template": "",
|
|
"required": [],
|
|
"superBlock": "responsive-web-design",
|
|
"superOrder": 1,
|
|
"challengeOrder": [
|
|
[
|
|
"bad87fee1348bd9aedf08803",
|
|
"Change the Color of Text"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf08805",
|
|
"Use CSS Selectors to Style Elements"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aecf08806",
|
|
"Use a CSS Class to Style an Element"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aefe08806",
|
|
"Style Multiple Elements with a CSS Class"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf08806",
|
|
"Change the Font Size of an Element"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aede08807",
|
|
"Set the Font Family of an Element"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf08807",
|
|
"Import a Google Font"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf08808",
|
|
"Specify How Fonts Should Degrade"
|
|
],
|
|
[
|
|
"bad87fee1348bd9acdf08812",
|
|
"Size Your Images"
|
|
],
|
|
[
|
|
"bad87fee1348bd9bedf08813",
|
|
"Add Borders Around Your Elements"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf08814",
|
|
"Add Rounded Corners with border-radius"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf08815",
|
|
"Make Circular Images with a border-radius"
|
|
],
|
|
[
|
|
"bad87fed1348bd9aede07836",
|
|
"Give a Background Color to a div Element"
|
|
],
|
|
[
|
|
"bad87eee1348bd9aede07836",
|
|
"Set the id of an Element"
|
|
],
|
|
[
|
|
"bad87dee1348bd9aede07836",
|
|
"Use an id Attribute to Style an Element"
|
|
],
|
|
[
|
|
"bad88fee1348bd9aedf08825",
|
|
"Adjust the Padding of an Element"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf08822",
|
|
"Adjust the Margin of an Element"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf08823",
|
|
"Add a Negative Margin to an Element"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf08824",
|
|
"Add Different Padding to Each Side of an Element"
|
|
],
|
|
[
|
|
"bad87fee1248bd9aedf08824",
|
|
"Add Different Margins to Each Side of an Element"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf08826",
|
|
"Use Clockwise Notation to Specify the Padding of an Element"
|
|
],
|
|
[
|
|
"bad87fee1348bd9afdf08726",
|
|
"Use Clockwise Notation to Specify the Margin of an Element"
|
|
],
|
|
[
|
|
"58c383d33e2e3259241f3076",
|
|
"Use Attribute Selectors to Style Elements"
|
|
],
|
|
[
|
|
"bad82fee1322bd9aedf08721",
|
|
"Understand Absolute versus Relative Units"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf08736",
|
|
"Style the HTML Body Element"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf08746",
|
|
"Inherit Styles from the Body Element"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf08756",
|
|
"Prioritize One Style Over Another"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf04756",
|
|
"Override Styles in Subsequent CSS"
|
|
],
|
|
[
|
|
"bad87fee1348bd8aedf06756",
|
|
"Override Class Declarations by Styling ID Attributes"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf06756",
|
|
"Override Class Declarations with Inline Styles"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf07756",
|
|
"Override All Other Styles by using Important"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf08726",
|
|
"Use Hex Code for Specific Colors"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf08721",
|
|
"Use Hex Code to Mix Colors"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aedf08719",
|
|
"Use Abbreviated Hex Code"
|
|
],
|
|
[
|
|
"bad87fee1348bd9aede08718",
|
|
"Use RGB values to Color Elements"
|
|
],
|
|
[
|
|
"bad82fee1348bd9aedf08721",
|
|
"Use RGB to Mix Colors"
|
|
],
|
|
[
|
|
"5a9d725e424fe3d0e10cad10",
|
|
"Use CSS Variables to change several elements at once"
|
|
],
|
|
[
|
|
"5a9d726c424fe3d0e10cad11",
|
|
"Create a custom CSS Variable"
|
|
],
|
|
[
|
|
"5a9d727a424fe3d0e10cad12",
|
|
"Use a custom CSS Variable"
|
|
],
|
|
[
|
|
"5a9d7286424fe3d0e10cad13",
|
|
"Attach a Fallback value to a CSS Variable"
|
|
],
|
|
[
|
|
"5b7d72c338cd7e35b63f3e14",
|
|
"Improve Compatibility with Browser Fallbacks"
|
|
],
|
|
[
|
|
"5a9d7295424fe3d0e10cad14",
|
|
"Cascading CSS variables"
|
|
],
|
|
[
|
|
"5a9d72a1424fe3d0e10cad15",
|
|
"Change a variable for a specific area"
|
|
],
|
|
[
|
|
"5a9d72ad424fe3d0e10cad16",
|
|
"Use a media query to change a variable"
|
|
]
|
|
],
|
|
"helpRoom": "Help",
|
|
"fileName": "01-responsive-web-design/basic-css.json"
|
|
} |