Scratch

KrIsMa · 2013-03-25 17:42:47

I am making a webpage with HTML4 and was wondering if anyone could answer this question:

What is the use of ID in CSS (#) when you could easily use CLASS (.) ?

Thank you!

Last edited by KrIsMa (2013-03-25 17:42:56)

veggieman001 · 2013-03-25 17:44:20

An ID is used for something that is unique and it's used mainly with Javascript for selecting the content or modifying an object.

KrIsMa · 2013-03-25 17:46:06

veggieman001 wrote:
An ID is used for something that is unique and it's used mainly with Javascript for selecting the content or modifying an object.

but can't you use an open selection like .warning {css blah}?

jackrulez · 2013-03-25 17:46:48

Dude.
HTML5 is the future. Why are you using HTML4? :/

KrIsMa · 2013-03-25 17:48:23

jackrulez wrote:
Dude.
HTML5 is the future. Why are you using HTML4? :/

cause i like deprecated attributes cause i am style free XD

plus, i have a image free browser.

Last edited by KrIsMa (2013-03-25 17:48:32)

veggieman001 · 2013-03-25 17:49:03

KrIsMa wrote:
veggieman001 wrote:
An ID is used for something that is unique and it's used mainly with Javascript for selecting the content or modifying an object.
but can't you use an open selection like .warning {css blah}?

There's a specific function in Javascript, getElementById("elementid"), to get an element by its #elementid. There's also getElementsByClassName, but that gets an array.

jackrulez wrote:
Dude.
HTML5 is the future. Why are you using HTML4? :/

That's beside the point.

Last edited by veggieman001 (2013-03-25 17:49:23)

KrIsMa · 2013-03-25 17:51:45

veggieman001 wrote:
KrIsMa wrote:
veggieman001 wrote:
An ID is used for something that is unique and it's used mainly with Javascript for selecting the content or modifying an object.
but can't you use an open selection like .warning {css blah}?
There's a specific function in Javascript, getElementById("elementid"), to get an element by its #elementid. There's also getElementsByClassName, but that gets an array.

jackrulez wrote:
Dude.
HTML5 is the future. Why are you using HTML4? :/
That's beside the point.

oh cool thank you!

since we are on the topic html, what is the cascading part of CSS anyways?

jackrulez · 2013-03-25 17:51:56

veggieman001 wrote:
jackrulez wrote:
Dude.
HTML5 is the future. Why are you using HTML4? :/
That's beside the point.

Sorry, it's just that HTML5 is so much better. I mean, if you've already got the entire webpage in HTML4 already, go right ahead, but...

KrIsMa · 2013-03-25 17:53:59

jackrulez wrote:
veggieman001 wrote:
jackrulez wrote:
Dude.
HTML5 is the future. Why are you using HTML4? :/
That's beside the point.
Sorry, it's just that HTML5 is so much better. I mean, if you've already got the entire webpage in HTML4 already, go right ahead, but...

KrIsMa wrote:
cause i like deprecated attributes cause i am style free XD

plus, i have a image free browser.

jvvg · 2013-03-25 17:54:40

jackrulez wrote:
Dude.
HTML5 is the future. Why are you using HTML4? :/

I use XHTML 1.0 (the XML version of HTML4) because it is more compatible with older browsers and the syntax isn't sloppy.

The reason you use an ID is to identify a specific element and saying it's unique. For example, setting the ID of the header <div> to "header" makes more sense than using class, because there's only one header <div>.

KrIsMa · 2013-03-25 17:55:49

jackrulez wrote:
veggieman001 wrote:
jackrulez wrote:
Dude.
HTML5 is the future. Why are you using HTML4? :/
That's beside the point.
Sorry, it's just that HTML5 is so much better. I mean, if you've already got the entire webpage in HTML4 already, go right ahead, but...

I don't even know what the module thingamajig is!

KrIsMa · 2013-03-25 17:56:51

jvvg wrote:
jackrulez wrote:
Dude.
HTML5 is the future. Why are you using HTML4? :/
I use XHTML 1.0 (the XML version of HTML4) because it is more compatible with older browsers and the syntax isn't sloppy.

The reason you use an ID is to identify a specific element and saying it's unique. For example, setting the ID of the header <div> to "header" makes more sense than using class, because there's only one header <div>.

oh so it reduces confusion - and makes things unique?
thanks!

Last edited by KrIsMa (2013-03-25 17:58:58)

KrIsMa · 2013-03-25 19:38:15

I have a question, what is the cascading part in CSS?

Laternenpfahl · 2013-03-25 21:23:22

KrIsMa wrote:
I have a question, what is the cascading part in CSS?

Inline Styles take priority over stylesheet styles, which take priority over user agent stylesheet (standard) styles/

KrIsMa · 2013-03-25 22:37:17

Laternenpfahl wrote:
KrIsMa wrote:
I have a question, what is the cascading part in CSS?
Inline Styles take priority over stylesheet styles, which take priority over user agent stylesheet (standard) styles/

hmm, whats a user agent stylesheet?
Is it the paragraph things (<h1>)?

Last edited by KrIsMa (2013-03-25 22:37:42)

mythbusteranimator · 2013-03-26 10:13:39

KrIsMa wrote:
Laternenpfahl wrote:
KrIsMa wrote:
I have a question, what is the cascading part in CSS?
Inline Styles take priority over stylesheet styles, which take priority over user agent stylesheet (standard) styles/
hmm, whats a user agent stylesheet?
Is it the paragraph things (<h1>)?

Isn't that simply the code in a .css doc a writer creates?

veggieman001 · 2013-03-26 13:37:30

mythbusteranimator wrote:
KrIsMa wrote:
Laternenpfahl wrote:

Inline Styles take priority over stylesheet styles, which take priority over user agent stylesheet (standard) styles/
hmm, whats a user agent stylesheet?
Is it the paragraph things (<h1>)?
Isn't that simply the code in a .css doc a writer creates?

No, a user agent stylesheet is the default stylesheet of your user agent (usually a browser)

jackrulez · 2013-03-26 14:50:21

KrIsMa wrote:
jackrulez wrote:
veggieman001 wrote:

That's beside the point.
Sorry, it's just that HTML5 is so much better. I mean, if you've already got the entire webpage in HTML4 already, go right ahead, but...
KrIsMa wrote:
cause i like deprecated attributes cause i am style free XD

plus, i have a image free browser.

Sorry, I really need to read backwards in the topic.

KrIsMa · 2013-03-27 13:40:17

veggieman001 wrote:
mythbusteranimator wrote:
KrIsMa wrote:

hmm, whats a user agent stylesheet?
Is it the paragraph things (<h1>)?
Isn't that simply the code in a .css doc a writer creates?
No, a user agent stylesheet is the default stylesheet of your user agent (usually a browser)

So like <h1> elements are being controlled by user agent style sheets by default? Sorry I just jumped into HTML!

mythbusteranimator · 2013-03-27 14:27:49

KrIsMa wrote:
veggieman001 wrote:
mythbusteranimator wrote:

Isn't that simply the code in a .css doc a writer creates?
No, a user agent stylesheet is the default stylesheet of your user agent (usually a browser)
So like <h1> elements are being controlled by user agent style sheets by default? Sorry I just jumped into HTML!

<h1> are automatically a default setting (for example, 30px font, Angelica, black, etc.) (which can be changed if you change the fonts), but you can edit it with the ".h1" class in CSS.

KrIsMa · 2013-03-27 14:47:39

mythbusteranimator wrote:
KrIsMa wrote:
veggieman001 wrote:

No, a user agent stylesheet is the default stylesheet of your user agent (usually a browser)
So like <h1> elements are being controlled by user agent style sheets by default? Sorry I just jumped into HTML!
<h1> are automatically a default setting (for example, 30px font, Angelica, black, etc.) (which can be changed if you change the fonts), but you can edit it with the ".h1" class in CSS.

Yes thank you! smile
Does that mean the user agent style sheets control these headings by default?

mythbusteranimator · 2013-03-27 15:01:48

KrIsMa wrote:
mythbusteranimator wrote:
KrIsMa wrote:

So like <h1> elements are being controlled by user agent style sheets by default? Sorry I just jumped into HTML!
<h1> are automatically a default setting (for example, 30px font, Angelica, black, etc.) (which can be changed if you change the fonts), but you can edit it with the ".h1" class in CSS.
Yes thank you!
Does that mean the user agent style sheets control these headings by default?

Yes, however, if you change the default settings (size, color, font), the h1 will change.

You can edit it just by itself in CSS, for example, this is what I did:

.h1 { /* For headers */
font-size: 20px;
color: #0B6138;
font-family:"Times New Roman", Times, serif;
}

smile

veggieman001 · 2013-03-27 15:49:43

mythbusteranimator wrote:
KrIsMa wrote:
mythbusteranimator wrote:

<h1> are automatically a default setting (for example, 30px font, Angelica, black, etc.) (which can be changed if you change the fonts), but you can edit it with the ".h1" class in CSS.
Yes thank you!
Does that mean the user agent style sheets control these headings by default?
Yes, however, if you change the default settings (size, color, font), the h1 will change.

You can edit it just by itself in CSS, for example, this is what I did:

.h1 { /* For headers */
font-size: 20px;
color: #0B6138;
font-family:"Times New Roman", Times, serif;
}

Actually, that should just be "h1" rather than ".h1", since it's the element rather than the class.

KrIsMa · 2013-03-27 17:43:34

veggieman001 wrote:
mythbusteranimator wrote:
KrIsMa wrote:

Yes thank you!
Does that mean the user agent style sheets control these headings by default?
Yes, however, if you change the default settings (size, color, font), the h1 will change.

You can edit it just by itself in CSS, for example, this is what I did:

.h1 { /* For headers */
font-size: 20px;
color: #0B6138;
font-family:"Times New Roman", Times, serif;
}

Actually, that should just be "h1" rather than ".h1", since it's the element rather than the class.

Really? My HTML book says that .h1 applies this style sheet to all h1 elements.

veggieman001 · 2013-03-27 17:55:07

KrIsMa wrote:
veggieman001 wrote:
mythbusteranimator wrote:
KrIsMa wrote:
Yes thank you!
Does that mean the user agent style sheets control these headings by default?
Yes, however, if you change the default settings (size, color, font), the h1 will change.

You can edit it just by itself in CSS, for example, this is what I did:

Actually, that should just be "h1" rather than ".h1", since it's the element rather than the class.
Really? My HTML book says that .h1 applies this style sheet to all h1 elements.

That doesn't work.
In this example, if .h1 were applied to h1 elements, the header would be blue (because the latest instruction takes precedence).

Scratch

archived forums

#1 2013-03-25 17:42:47

Html4

#2 2013-03-25 17:44:20

Re: Html4

#3 2013-03-25 17:46:06

Re: Html4

veggieman001 wrote:

#4 2013-03-25 17:46:48

Re: Html4

#5 2013-03-25 17:48:23

Re: Html4

jackrulez wrote:

#6 2013-03-25 17:49:03

Re: Html4

KrIsMa wrote:

veggieman001 wrote:

jackrulez wrote:

#7 2013-03-25 17:51:45

Re: Html4

veggieman001 wrote:

KrIsMa wrote:

veggieman001 wrote:

jackrulez wrote:

#8 2013-03-25 17:51:56

Re: Html4

veggieman001 wrote:

jackrulez wrote:

#9 2013-03-25 17:53:59

Re: Html4

jackrulez wrote:

veggieman001 wrote:

jackrulez wrote:

KrIsMa wrote:

#10 2013-03-25 17:54:40

Re: Html4

jackrulez wrote:

#11 2013-03-25 17:55:49

Re: Html4

jackrulez wrote:

veggieman001 wrote:

jackrulez wrote:

#12 2013-03-25 17:56:51

Re: Html4

jvvg wrote:

jackrulez wrote:

#13 2013-03-25 19:38:15

Re: Html4

#14 2013-03-25 21:23:22

Re: Html4

KrIsMa wrote:

#15 2013-03-25 22:37:17

Re: Html4

Laternenpfahl wrote:

KrIsMa wrote:

#16 2013-03-26 10:13:39

Re: Html4

KrIsMa wrote:

Laternenpfahl wrote:

KrIsMa wrote:

#17 2013-03-26 13:37:30

Re: Html4

mythbusteranimator wrote:

KrIsMa wrote:

Laternenpfahl wrote:

#18 2013-03-26 14:50:21

Re: Html4

KrIsMa wrote:

jackrulez wrote:

veggieman001 wrote:

KrIsMa wrote:

#19 2013-03-27 13:40:17

Re: Html4

veggieman001 wrote:

mythbusteranimator wrote:

KrIsMa wrote:

#20 2013-03-27 14:27:49

Re: Html4

KrIsMa wrote: