# Week 8: Images, Forms and Misc.

# Images and Pictures

• Learn more about the differences between picture and img and how to make them responsive

# Forms

• Learn all about Forms and the elements inside

# Browser Prefixes

• When browser companies want to add a trial version of a CSS property they add support for a prefixed version.
• Each browser engine has it's own prefix.
• Learn more

# Blockquotes, Quotes, and Hyphens

• When it comes to adding quotes and hyphens with your HTML and CSS, there is a lot to know.
• Learn more

# Fonts, Web Fonts, Unicode-Range, Icon Fonts

• More information about the native font stack and unicode range imports

# Meta Tags

• There are lots of meta tags available to use in webpages. Some can be critical to a secure website.
• Learn more

# CSS nth-child

• We can use the nth-child selector to target specific element by their index number.
• We can target odd or even numbered elements
• We can target patterns of elements, like every 3rd paragraph.
• Learn about all the nth-child variants

# Attribute Selectors

• You can target elements by whether or not they have specific attributes or whether those attributes have certain values.
• We can also do some pattern matching on the attribute values.
• We use square brackets to contain the attribute names and/or values
• Learn more about how to use Attribute selectors

# CSS Border-Radius

• The border-radius property allows you to round the corners of images, background images, background colours, and the border itself.
• This is how we make images round.
• Learn more

# CSS Viewport units

• Learn about the new ViewPort units in CSS

# Media Queries Beyond width

• There are actually a lot more ways to connect your CSS to different media types and properties than just the width of the screen.
• Learn more

# What to do Before Week 9