CSS

Learn to Code Advanced HTML & CSS 01 2015 3月 21

Lesson 1: Performance & Organization

Contents

  • Strategy & Structure
  • Performance Driven Selectors
  • Reusable Code
  • Minify & Compress Files
  • Cache Common Files
阅读此文

Learn to Code HTML & CSS 12 2015 3月 17

Lesson 12: Writing Your Best Code

Contents

  • Be well organized, so that it is easy to read, edit, and maintain
  • Be modular and flexible, allowing us to reuse code and patterns as necessary
  • Look as if one person wrote it, even if several people contributed
阅读此文

Learn to Code HTML & CSS 11 2015 2月 9

Lesson 11: Organizing Data with Tables

Contents

  • The best ways to semantically create tables
  • How to make individual table cells span multiple columns or rows
  • The structural elements that make up tables
  • Different ways to style borders on a table, and how different border properties affect a table’s appearance
  • How to vertically align text within a table
阅读此文

Learn to Code HTML & CSS 10 2015 2月 8

Lesson 10: Building Forms

Contents

  • How to initialize a form
  • Ways to obtain text-based information from users
  • Different elements and methods for creating multiple choice options and menus
  • Which elements and attributes are best used to submit a form’s data for processing
  • How best to organize forms and give form controls structure and meaning
  • A handful of attributes that help collect more qualified data
阅读此文

Learn to Code HTML & CSS 09 2015 2月 8

Lesson 9: Adding Media

Contents

  • The best ways to add images, audio clips, videos, and inline frames to a page
  • Different ways to position images in different situations
  • How to provide audio and video fallbacks for older browsers
  • Common attributes available to audio clips and videos
  • The seamless attribute, which allows us to make inline frames behave as if they are part of the page they are referenced from
  • The semantic way to mark up self-contained content, including media
阅读此文

Learn to Code HTML & CSS 08 2015 2月 3

Lesson 8: Creating Lists

Contents

  • How to create unordered, ordered, and description lists
  • How to properly nest lists inside of other lists
  • How to change the list item marker style and position
  • How to use a background image instead of a list item marker
  • How to horizontally display or float lists
阅读此文

Learn to Code HTML & CSS 07 2015 2月 2

Lesson 7: Setting Backgrounds & Gradients

Contents

  • How to add background colors and images to elements
  • CSS gradients, both linear and radial, and how to customize them
  • How to apply multiple background images to a single element
  • New CSS3 properties that allow us to change the size, surface area, and origin of background images
阅读此文

Learn to Code HTML & CSS 06 2015 2月 1

Lesson 6: Working with Typography

Contents

  • Adding color to our text to enhance it
  • Applying font-based properties, including font-family, font-size, font-style, font-weight, and more
  • Applying text-based properties, including text-align, text-decoration, text-indent, text-shadow, and more
  • The history behind web-safe fonts and how to embed our own web fonts
    How to properly mark up citations and quotations
阅读此文

Learn to Code HTML & CSS 05 2015 1月 31

Lesson 5: Positioning Content

Contents

  • What floats are and how to use them to position content
  • How to clear and contain floated elements
  • How to position content with inline-block elements
  • How to remove the white space between inline-block elements
  • How to uniquely position content with relatively and absolutely positioned elements
阅读此文

Learn to Code HTML & CSS 04 2015 1月 30

Lesson 4: Opening the Box Model

Contents

  • How different elements are displayed
  • What the box model is and why it’s important
  • How to change the size, including the height and width, of elements
  • How to add margin, padding, and borders to elements
  • How to change the box sizing of elements and the effects this has on the box model
阅读此文
▲