Posts
Document-level styles are a great way to create and test all the styles you
create for your pages before you export them to an external style sheet.
You place document-level styles in the head of the HTML document using the
<style> tag.
<head>
<title>Black and White Page Example</title>
<style type="text/css">
body {background-color: #000000; color: #ffffff;}
</style>
</head>
The <style> tag always needs the type="text/css" attribute and value, and
always needs to be closed.
As mentioned above, document-level styles are great for when you create
your initial page or template document, and you want to work in one place
to access both your styles and your markup. All of the styles can be reused
within the document (as opposed to inline styles, which are only applied to
the tag it is in). However, document-level styles add to the size of the page,
and the styles are not applicable to any other pages in the website.
0 comments:
Post a Comment