It’s easy to consider HTML as the content and CSS as what controls the style and position of the content.
Most CSS is contained in seperate files known as stylesheets. These are files that end in .css but are just regular text files. CSS has a totally different markup system than HTML, although it should be noted you can style an HTML element using CSS directly in the element itself (that is, inside the HTML, not in an external sheet).
Once the style is declared and defined, it can be applied. CSS is applied to an attribute either by linking it using a class or an ID, or via the CSS taking control over every default item and styling it as you declare.
Here’s a quick example. Let’s say I wanted to make all of my non clicked links bright green. I would, inside the CSS file, make a statement to override every unclicked link and change it to green via this line:
a {
color:green;
}
But if I wanted to only make links inside a certain DIV green, I have to specify. Let’s say the div I want my links to be green inside of is called “ecosystem”. I would use this CSS code:
#ecosystem a {
color:green;
}
This means that only the DIV that is given the ID (not class, class is represented with a dot instead of a #, classes can be used multiple times, ids only once) of “ecosystem” will have all unclicked links be green. I could make the clicked links a darker green by adding:
#ecosystem a:visited {
color:#336600;
}
Sorry, getting a bit off track with an explanation of CSS there.
With regards to your specific question, the bulk of the CSS is likely in an independent file (it should be, this is good practice). The only CSS bits that should be in the HTML are the import statement for the CSS file and then the ID and Class calls inside the attributes.
With regards to the specific colors in Notepad++, your assumption is incorrect. N++ colors different portions of HTML in different ways. A quick test here shows that plaintext is black, HTML tags are blue, tag attributes are red with their values being purple. CSS is styled as green (and comic sans, urg) in my installation.
Composing members:
0
Composing members:
0
