I see the value of using an external style sheet to manage styles across multiple pages of a site. And if I understand BV correctly, it automatically generates (1) a basic internal style sheet (below) when you create a new page and (2) inline styles as you add content to the page.
So my question is: At what point in the process should I create an external style sheet? And whenever I do, if I want it to control the major style aspects of one or more pages, will I have to go through those pages' code and delete the inline styles in elements that I want the external CSS to style? Seems like I shouldn't have to do that, but I don't know.
<style type="text/css">
div#container
{
width: 800px;
height: 600px;
margin-top: 0px;
margin-left: 0px;
text-align: left;
}
</style>
<style type="text/css">
body
{
background-color: #FFFFFF;
color: #000000;
}
</style>
<style type="text/css">
a:hover
{
color: #000000;
}
</style>
So my question is: At what point in the process should I create an external style sheet? And whenever I do, if I want it to control the major style aspects of one or more pages, will I have to go through those pages' code and delete the inline styles in elements that I want the external CSS to style? Seems like I shouldn't have to do that, but I don't know.
<style type="text/css">
div#container
{
width: 800px;
height: 600px;
margin-top: 0px;
margin-left: 0px;
text-align: left;
}
</style>
<style type="text/css">
body
{
background-color: #FFFFFF;
color: #000000;
}
</style>
<style type="text/css">
a:hover
{
color: #000000;
}
</style>
Comment