How do you refer to more than one .css file in html?

Question

I have a homepage.html and it refers to styles.css(makes a table). But I also want homepage.html to refer to styles12.css because in styles12.css I have the css for taps.

Answer 1

Yes, and the order of precedence for rules will follow the basic CSS precedence ruleset, and later rules overwrite earlier rules if they specify the same attributes.

You might want to read this article on specificity.

Answer 2

Yes, just add the second bit as you mentioned:

<link rel="stylesheet" type="text/css" href="style12.css" />

Answer 3

could you not just do

<link href="style.css" rel="stylesheet" type="text.class"> 

would this work for linking more than 1 css page for each web page

<link href="about.css" rel="stylesheet" type="text.class>

Answer 4

you can also use @import inside other style sheets.

@import url("site.css");

Answer 5

Yes. Just use multiple link elements.

Note, however, that it isn't very efficient and it is generally better to combine all your stylesheets into a single file.