(no subject)
Feb. 25th, 2005 05:57 pm![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
Well, it appears I have a new hobby now, figuring out style sheets.
I got tired of the font I had on this page and figured out what font LiveJournal uses (Verdana) and so I changed the font to that instead of Arial. What I also did was add style sheets to the HTML.
I already had style sheets coding dictating what colour the links should be, remove the underline from links, and what background colour etc. But you can also use it to tell the browser that your table (I use tables to make boxes, put text & pics in boxes, and keep it all under control, to keep things side-by-side) should have a dotted line instead of a big old solid line, and you can tell a set of bullets to all have this or that style and colour of font.
I looked at a style sheets tutorial, and it was pretty clear to me. So that was cool. What I am now doing, is looking at the source code of pages I like, and looking at it, and trying out sample HTML pages using the CSS, disassembling it until I figure out how it works. Because of course the example didn't have all the possibilities of what CSS does, I want to see it in action, so to speak, so I can steal ideas from other style sheets.
How I used style sheets before was to use, say, <H1>, and define whatever was between the <H1> tags to have a specific font & colour. But now I can use the <table> tags to define how a table looks too, eg. <table class="tableborders">, and say tableborders defines the background colour of the table, what sort of border, what font is inside it, etc. Yay!
I got tired of the font I had on this page and figured out what font LiveJournal uses (Verdana) and so I changed the font to that instead of Arial. What I also did was add style sheets to the HTML.
I already had style sheets coding dictating what colour the links should be, remove the underline from links, and what background colour etc. But you can also use it to tell the browser that your table (I use tables to make boxes, put text & pics in boxes, and keep it all under control, to keep things side-by-side) should have a dotted line instead of a big old solid line, and you can tell a set of bullets to all have this or that style and colour of font.
I looked at a style sheets tutorial, and it was pretty clear to me. So that was cool. What I am now doing, is looking at the source code of pages I like, and looking at it, and trying out sample HTML pages using the CSS, disassembling it until I figure out how it works. Because of course the example didn't have all the possibilities of what CSS does, I want to see it in action, so to speak, so I can steal ideas from other style sheets.
How I used style sheets before was to use, say, <H1>, and define whatever was between the <H1> tags to have a specific font & colour. But now I can use the <table> tags to define how a table looks too, eg. <table class="tableborders">, and say tableborders defines the background colour of the table, what sort of border, what font is inside it, etc. Yay!