CSS: encapsulate each font name in speech marks – 'Trebuchet MS','Verdana','Arial','sans-serif'įor single-word names, in CSS, you don’t have to use speech marks, but it is better to have the habit of adding them to all font names.HTML: encapsulate the whole list in speech marks – "Trebuchet MS,Verdana,Arial,sans-serif".This is important, as font-face or even face will not work! Another notable difference between the HTML and CSS versions is that the list of typefaces is split differently: As CSS cascades, you can redefine fonts and colours for individual page items such as table cells, bullet lists, or quotations. Whether you’re experimenting with CSS as part of a tag, or whether you’re using an external stylesheet, the syntax is the same for setting the site-wide font rules:īy setting the rule over the tag, you’re guaranteed the same ‘starting point’ for your fonts on all your pages. Consistency in design, is where CSS3 comes into its own. When considering website design, a key element is that users have the same look and feel (‘theme’) to all your pages – you must be consistent.
If you have a poor memory, they could easily be forgotten, meaning the display of different pages on the same website would also not be consistent. And every single page would have to have these tags. The main problem with the font tag (apart from it being an outdated method) is that you had to ensure that everything was wrapped in font tags. This led to pages possibly looking completely different on one person’s machine to another. To complicate things further, you could set font sizes in your browser (which you still can for accessibility purposes) and the font would scale accordingly. Other sizes specified were relative to that global rule. Before HTML5 you used to be able to set ‘global’ rules over the whole page as part of the tag.
The size attribute was a ‘scale’ rather than an ‘absolute’ size.
red, green and blue – though the list is much longer. Alternatively there are some colours which can be specified in their full English form – e.g. Color could be specified as a hexidecial code (which is preceded by a #). color: note, for any non-US English-speakers that HTML uses the American English spelling for everything – color and center being two of the most common.The face attribute is the full name of the font they wanted to use. Once the computer found a font specified it would display it in that typeface and ignore the rest of the list. Their computer would search for ‘Trebuchet MS’ first – if that was not on their machine, then it would look for ‘Verdana’ and so on down the list. face: the person loading the site could see the text in 4 different typefaces.In this ‘old school’ example, anything situated between the and tags would follow these rules:
0 kommentar(er)
