---- Is It Okay to Use CSS and HTML in the Same Statement?
gouri - 2:26 pm on Aug 10, 2012 (gmt 0)
Thanks for the explanation distinguishing when the size of the h1 tag will be 125% larger than what is specified in the CSS stylesheet and when it will be 125% larger than the default browser size for the h1 tag.
Can you change the "16px" setting? It's an odd size for a sans-serif font; it makes the whole box look a little bigger and more emphatic than ordinary type. Is that the intention of this area? It seems redundant if you're also going to put in a heading.
Are you saying that the 16px setting is not big as you would expect it to be? I looked and the default font size for the heading box is 18px, not 16px but the h1 tag, I believe, is not defined in the CSS stylesheet. If this is the size, are you saying that I don’t need to put an h1 tag on my webpage now? Just type the words that I want to put in the heading without using an h1 tag? Or are you thinking that I don’t have to change the size, but that I should put the h1 tag in and use font-size:100%?
Font-family and font-size can both be applied to divs. So if it is genuinely impossible for you to use a stylesheet, then you can wrap all your paragraphs in a single div.
Would I style the divs so I wouldn’t have to style every p style tag with font-family and font-size and save on coding in the process? By styling the divs, would all the paragraphs inside of it take the styling specifications of the div?
But, again, think carefully about whether you want to force a size or font-family for the body text. Does your template say anything about size of body text? Can you change it? If it has to say something, you can say "font-size: inherit" and it will be just as if you didn't mention a size at all.
I don’t want to force a size or font family for the body text but if I want to change what I see when I start typing in the body text, I think that I would have to make some specifications? If I don’t make any specifications, I am not sure how I would be able to make changes?
The body text in my template has a default of 12px, so if I just start typing in my body text box, it would be Arial 12px. I feel that this is too small so I am trying to figure out what I should do so that I have a larger font-size in my body text. I can change it to another number (e.g. making it 16px in a div using inline CSS). If I say font-size:inherit and just start typing in my body text box, would the text be 12px? If that is the case, should I use a percentage such as 133% for font-size so the text is 16px instead of 12px and not use font-size: inherit?
Microsoft Word is a word processor. Are you talking about an HTML Preview function?
I am copying and pasting the text from the webpage to Microsoft Word the word processor and the text looks larger there (the size that I want it to be) than it does on the webpage. I also looked at it in HTML preview function and the size that the text appears in Microsoft Word is the size that it is appearing in the preview. That is how I want it to appear on my webpage, but at the moment, it isn’t.
Please don't use the HTML <font> property at all, for any reason. It is heavily deprecated and there are always alternatives. This goes double for values like "size='3'" or "large" where the exact proportion is up to the browser. If you use percentages, the proportions will be almost identical everywhere. Sometimes there will be tiny hiccups based on the user's physical setup, but these are most noticeable at very small sizes.
I will switch from using the font tag to using CSS but I have seen the same situation with CSS with regard to the size of the body text being the browser’s default size and not the size that I specified. Maybe this is due to the browser’s default size for text being shown if a specific font size (using CSS or HTML) is mentioned. When you say this goes double, do you mean “The same thing applies for….”? I think that you are saying it is better to use percentages (CSS).