robbiewolff / prj-rev-bwfs-dasmoto

0 stars 0 forks source link

Avoid using inline styling. #3

Open farishkash opened 6 years ago

farishkash commented 6 years ago

https://github.com/robbiewolff/prj-rev-bwfs-dasmoto/blob/938d1d76368cd4febd3df0895e6c1b8a5c68e9c2/Arts%20and%20Crafts/index.html#L13

The styles here should be in a class, this makes it easier to manage. If you had 30 of these, you would have to go through each one change the color instead of changing the class once.

We only teach this sort of stylingspan style="color:blue;font-weight:bold" as a reference point as this is how it would have been done before CSS was introduced and expanded, but this technique isn't really used anymore.

robbiewolff commented 6 years ago

Got it. I updated the HTML code below with a class of .bluebold. I have 2 questions though:

1) The preview doesn't render correctly because I don't know how to reference my .css file. How do I do that so that you can see it? 2) I'm not sure I did the class correctly within the

itself. I placed

into the HTML and it pushed the text of "Starting at $2.00 / frame.

on another line. Should I have used another selector for the class?

<!DOCTYPE html>

Inexpensive Arts & Crafts in Houston TX

Dasmoto's Arts & Crafts

Brushes

Picture of multiple brushes stacked together

Hacksaw Brushes

Made of the highest quality oak. Hacksaw brushes are known for their weight and ability to hold pain in large amounts. Available in different sizes.

Starting at $3.00/brush.

Frames

Image of a stack of colorful frames

Art Frames (assorted)

Assorted frames made of different material, including MDF, birchwood, and PDE. Select frames can be sanded and painted according to your needs.

Starting at $2.00 / frame.

Paint

picture of multiple colored paint tubes

Clean Finnish Paint

Imported paint from Finland. Over 256 colors available in-store, varying in quantity (1 oz. to 8 oz.). Clean Finnish paint microbinds to canvas, increasing the finish and longevity of any artwork.

Starting at $5.00 / tube.