29.07.2016 Views

front-end-developer_1_

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Front-End-Developer - Level 1<br />

Here is a summary. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do<br />

Then, we make a CSS rule for tags with the intro class :<br />

styles.css<br />

p.intro {<br />

width: 50%;<br />

font-style: italic;<br />

}<br />

And now our intro paragraph has a width of only 50% and is italicized, while the rest of the<br />

paragraphs stay the same.<br />

Similarly, we might make a class for the final paragraph about the author:<br />

paragraphs.html<br />

Here is a bit about the author at the <strong>end</strong>. Nam libero tempore, cum soluta nobis est<br />

And style it like this:<br />

styles.css<br />

p.author {<br />

width: 75%;<br />

font-style: italic;<br />

font-weight: bold;<br />

}<br />

You can also apply a class to multiple tags. Here's another example of web page that shows<br />

you how:<br />

fido.html<br />

Styling with classes<br />

41

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!