*dhtml:

Now this is a rather simple quiz actually. This is a css class below

.myclass {font-size:18px;font-weight:400;line-height:21.6px}


Now i want to say <span class="myclass">This is a quiz and not an exam</span>

However, because i am writing a professional exam and i claimed to have mastered HTML,
so i was asked to rewrite the same thing in html and not use css at all - not even inline css,
and it must produce exactly the same effect as the class shown above. . . . .como? how?
will i solve this trivial problem?

          <font face="whatever" size="18px">

                <b>This is a quiz and not an exam</b>

         </font>

*dhtml:

Apologies, but i failed the quiz too. . . . .i will explain shortly. . .

yawa-ti-de:

1) how many would know (or would care to know) that H2 has a font-size of 18px?
2) doesn't the ability to control behaviour via css nullify this?

First of all Nobody does inline styling any more, that is the reason CSS was created to take care of design properties colors,hieght,transparency e.t.c

<address>Address</address>

Html has no element <address>

monasor28:

@yewa-tide - i dont think mr dumbhtml knows what he is talking about,

@dhtml - the only way the <address> thing can work is if ; its a <div id="address"> with coresponding css or <div class="address"> with coresponding css

Html has no element <address>

<address>My address is</address>

yawa-ti-de:

1) how many would know (or would care to know) that H2 has a font-size of 18px?
2) doesn't the ability to control behaviour via css nullify this?

dhtml3:


There are times when you need to do something like this
[h1]Click on this link  [a href='yahoo']yahoo dot com[/a] to continue[/h1]

And you want the link to have same attributes as that h1, are you going to use trial and error
to guess the size? just inspect them.

monasor28:

First of all Nobody does inline styling any more, that is the reason CSS was  created to take care of design properties colors,hieght,transparency e.t.c

And html for structure,  Any way your question is rather childish,  serioulsly who's the not-so-smart person that set the question,  excuse my language but i get upset when
anonymous people display *^$&* symptoms on public boards,

Inline styling as it called would be===

=====================================
<span style="font-size:18px;font-weight:400;line-height:21.6px"> blah blah blah </span>
======================================

DO you have any video tutorial on html5 and css3 --- i cant get my finger around it,  through this lame text,

*dhtml:

In your font-size: blah blah blah. If you do not know the properties of the various formating tags, you will only be doing trial and error
to get the right size. Which is not always too professional.

But either ways, enough said already. Please go and review my dhtml grid control on https://www.nairaland.com/nigeria/topic-652050.0.html

In your font-size: blah blah blah. If you do not know the properties of the various formating tags, you will only be doing trial and error
to get the right size. Which is not always too professional.

yawa-ti-de:

Uhhmmmm, what is firebug for?

bouzymill2:

I don't really get that. isn't that part of what a designer needs to know? properties of various elements. plus you can't use the default font size of "h2". Is "too big and bold". definitely you want to style in to your taste. . . . hence the properties.

*dhtml:

In the end, i think this thread is for advance css users, i seem not to have a graceful degradation for newbies, i am sorry about that.
Maybe, we will do a proper css class later on, for now, i am too hooked. . . .

*dhtml:

In the end, i think this thread is for advance css users, i seem not to have a graceful degradation for newbies, i am sorry about that.
Maybe, we will do a proper css class later on, for now, i am too hooked. . . .

bouzymill2:

And @Monasore28 just called it a childish thread. Very funny. I don't even know why the guy's post took the wrong side in me.

*dhtml:


so usual solution, like someone said is to use a style sheet, and then start guessing sizes that will look like h2.
forgetting the fact that h2 and other formating tags have css representations.

so if you make use of the css representations, all your text will blend and you will not be doing trial and error to guess sizes.

<div id="title">
<h1>Click on this link <a href='yahoo'>yahoo dot com</a> to continue</h1>

other markup. . . . . . . . . . . . . .
</div>

Style

#title h1, #title h1 a {

font: watever
font-size: watver
bla bla bla

}


#title h1 a {

text-decoration:none;

}

What the text decoration will do is to remove the default browser underline style for links.



This way the "h1 and a" elements have the same styling and no need to look for anything. . .

Dual Core:

<style>
h2 a {
  font-family:inherit;
  font-weight:inherit;
  font-size:inherit;
  color:inherit;
}
</style>
<h2>Hey please <a href="#">Click here</a> abeg! </h2>

you can add "text-decoration:inherit" to the style if you like.