Home

Welcome to the freeCodeCamp-Code wiki!

HTML5 and CSS

（已完成－郭晓伟）Lesson 1: Say Hello to HTML Elements

（已完成－郭晓伟）Lesson 2: Headline with the h2 Element

（已完成－郭晓伟）Lesson 3: Inform with the Paragraph Element

Lesson: Uncomment HTML

Lesson: Comment out HTML

Lesson: Fill in the Blank with Placeholder Text

Lesson: Delete HTML Elements

Lesson: Change the Color of Text

Lesson: Use CSS Selectors to Style Elements

Lesson: Use a CSS Class to Style an Element

Lesson: Style Multiple Elements with a CSS Class

Lesson: Change the Font Size of an Element

Lesson: Set the Font Family of an Element

Lesson: Import a Google Font

Lesson: Specify How Fonts Should Degrade

Lesson: Add Images to your Website

Lesson: Size your Images

Lesson: Add Borders Around your Elements

Lesson: Add Rounded Corners with a Border Radius

Lesson: Make Circular Images with a Border Radius

Lesson: Link to External Pages with Anchor Elements

Lesson: Nest an Anchor Element within a Paragraph

Lesson: Make Dead Links using the Hash Symbol

Lesson: Turn an Image into a Link

Lesson: Add Alt Text to an Image for Accessibility

Lesson: Create a Bulleted Unordered List

Lesson: Create an Ordered List

Lesson: Create a Text Field

Lesson: Add Placeholder Text to a Text Field

Lesson: Create a Form Element

Lesson: Add a Submit Button to a Form

Lesson: Use HTML5 to Require a Field

Lesson: Create a Set of Radio Buttons

Lesson: Create a Set of Checkboxes

Lesson: Check Radio Buttons and Checkboxes by Default

Lesson: Nest Many Elements within a Single Div Element

Lesson: Give a Background Color to a Div Element

Lesson: Set the ID of an Element

Lesson: Use an ID Attribute to Style an Element

Lesson: Adjusting the Padding of an Element

Lesson: Adjust the Margin of an Element

Lesson: Add a Negative Margin to an Element

Lesson: Add Different Padding to Each Side of an Element

Lesson: Add Different Margins to Each Side of an Element

Lesson: Use Clockwise Notation to Specify the Padding of an Element

Lesson: Use Clockwise Notation to Specify the Margin of an Element

Lesson: Style the HTML Body Element

Lesson: Inherit Styles from the Body Element

Lesson: Prioritize One Style Over Another

Lesson: Override Styles in Subsequent CSS

Lesson: Override Class Declarations by Styling ID Attributes

Lesson: Override Class Declarations with Inline Styles

Lesson: Override All Other Styles by using Important

Lesson: Use Hex Code for Specific Colors

Lesson: Use Hex Code to Color Elements White

Lesson: Use Hex Code to Color Elements Red

Lesson: Use Hex Code to Color Elements Green

Lesson: Use Hex Code to Color Elements Blue

Lesson: Use Hex Code to Mix Colors

Lesson: Use Hex Code to Color Elements Gray

Lesson: Use Hex Code for Specific Shades of Gray

Lesson: Use Abbreviated Hex Code

Lesson: Use RGB values to Color Elements

Lesson: Use RGB to Color Elements White

Lesson: Use RGB to Color Elements Red

Lesson: Use RGB to Color Elements Green

Lesson: Use RGB to Color Elements Blue

Lesson: Use RGB to Mix Colors

Lesson: Use RGB to Color Elements Gray

Responsive Design with Bootstrap

Lesson: Use Responsive Design with Bootstrap Fluid Containers

Lesson: Make Images Mobile Responsive

Lesson: Center Text with Bootstrap

Lesson: Create a Bootstrap Button

Lesson: Create a Block Element Bootstrap Button

Lesson: Taste the Bootstrap Button Color Rainbow

Lesson: Call out Optional Actions with Button Info

Lesson: Warn your Users of a Dangerous Action

Lesson: Use the Bootstrap Grid to Put Elements Side By Side

Lesson: Ditch Custom CSS for Bootstrap

Lesson: Use Spans for Inline Elements

Lesson: Create a Custom Heading

Lesson: Add Font Awesome Icons to our Buttons

Lesson: Add Font Awesome Icons to all of our Buttons

Lesson: Responsively Style Radio Buttons

Lesson: Responsively Style Checkboxes

Lesson: Style Text Inputs as Form Controls

Lesson: Line up Form Elements Responsively with Bootstrap

Lesson: Create a Bootstrap Headline

Lesson: House our page within a Bootstrap Container Fluid Div

Lesson: Create a Bootstrap Row

Lesson: Split your Bootstrap Row

Lesson: Create Bootstrap Wells

Lesson: Add Elements within your Bootstrap Wells

Lesson: Apply the Default Bootstrap Button Style

Lesson: Create a Class to Target with jQuery Selectors

Lesson: Add ID Attributes to Bootstrap Elements

Lesson: Label Bootstrap Wells

Lesson: Give Each Element a Unique ID

Lesson: Label Bootstrap Buttons

Lesson: Use Comments to Clarify Code