This forum is now read-only. Please use our new forums! Go to forums

Close banner

0 points

Submitted by sara hilal

almost 9 years

9/26 hi guys can u help?

h3 { color:red; font-family:Courier; }

span { background-color:yellow; }

Answer 55697a0bd3292fbeb50002fd

1 vote

Permalink

You are forgetting point-2 of the Instructions…

Make all the h3 headings red.
Set all the paragraphs to the Courier font-family. (Make sure to capitalize “Courier” as shown!)
The second paragraph contains text between tags. Set the background-color of that to ‘yellow’.

points

Submitted by Leon

almost 9 years

1 comments

TylerSmithss almost 9 years

While it is true that point-2 is not correct, the system still does not let you submit the code. I think there is something wrong with the system itself.

Answer 556dc5c976b8fee967000314

0 votes

Permalink

i need help with css: An Overview

points

Submitted by STERMIC000

almost 9 years

Answer 556df97b76b8fe22680000e5

0 votes

Permalink

@STERMIC000,

<!DOCTYPE html>
<html>
    <head>
        <title>First font size change</title>
    </head>
    <body>
       <p style = "font-size:8px"> Some text for you to make tiny! </p>
       <p style = "font-size:10px ; background-color: blue"> Some text for you to make normal size!</p>
       <p style = "font-size:18px> Some text for you to make super big!</p>
     </body>
</html>

You see the HTML-page, with a HEADER characterised by the HEAD-Tags <header></head> with a BODY characterised by the BODY-Tags <body></body>

within the BODY you have 3 PARAGRAPH-Tags <p></p>

Within the opening-Tag of a HTML-Element like the p-Tag you can insert so-called attributes.

One of those attributes is the style-attribute with which you can manipulate the display-style of a HTML-Element.

Now we run into the usage of the word property Each property consists of a property-key and it’s associated VALUE If you have more then one property you use the semi-colon-; as separator

The syntax of writing a property is the property-key a colon and it’s associated VALUE thus the font-size-property would look like: font-size: 12px

As the font-size is a property of the style-attribute we would write style = “font-size: 12px” or ( with multiple properties ) style = “font-size:12px ; background-color: blue” we are using the semi-colon-; as a so-called separator

We now integrate this into the starting <p>-Tag <p style = “font-size:12px ; background-color: blue” ></p> The -background-color of this p-Tag will be blue and the characters of the TEXT which we write in-between the p-Tags will have a font-size of 12 pixels.

Some reference-material: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes

points

Submitted by Leon

almost 9 years

Answer 55e1acfc937676f31f000115

0 votes

Permalink

t should look like this:

index.html

points

Submitted by AndiswaMS

over 8 years

2 comments

Leon over 8 years

http://www.codecademy.com/forum_questions/51d9e8f68c1cccc92403ffe8

Leon over 8 years

Please update your post into a correct format….

Answer 556df9dbe39efe7fe800013a

-1 votes

Permalink

@STERMIC000,

Every HTML-Element has so called attributes. One of the possible attributes, is the class-attribute.

If you write the HTML-document, you add the class-attribute within the Element-Tag by using the syntax class-keyword = then a string containing the class-name OR mutliple class-names which are =separated=from=eachother= by a space

Thus with <div class=”myClass1 myClass2 myClass3” ></div> you now have a DIV-Element carrying 3 classes myClass1, myClass2 and myClass3

As part of its CSS-category-of-Methods jQuery gives you the ability to manipulate this class-attribute by providing the addClass()-, removeClass()-, toggleClass()-Methods. You will have to provide the Method at least 1 argument which is the string VALUE of the class-name. Thus you have to change $(‘.article’).removeClass(‘.current’) $(this).addClass(‘.current’) into $(‘.article’).removeClass(‘current’) $(this).addClass(‘current’)

The confusion when to use a pre-pending dot or NOT… In the Cascading Style Sheet syntax, you have to prepend-a-dot to to the classname so the CSS will interpret it as a class-attribute So in the file style.css you will find an object identified by .current, In this .current object the background property-key is set to a particular VALUE

jQuery uses the same syntax to identify a class-attribute like in the jQuery-selector $(“.current”) by which this HTML-Element and all it’s CHILDREN are selected into a jQuery-object,

This parent-HTML-Element carries the class-attribute with class-name “current”