About You (paragraph font size tag error)


#1

I'm trying to follow the directions. But I keep getting the error message "Oops, try again. "Make a new "p { font-size: 24px; }" rule instead of putting it in the "body" rules."

Here is my code:





Hi! I am learning how to make my very own web page! I really like blueberry muffins and long walks on the beach.




#2

@ladiecoder,

The HTML-code is not visible
Please re-edit your Post

  • leave one blank-line above of your code
  • select your code in the Post
  • then =click= on the </>-symbol-of-this-editor

Your code will then be in a pre-code state
and you will be able to make/present the proper indentations.

or even better use
= http://discuss.codecademy.com/t/using-backticks-to-format-your-code/3697/2
[extra's]
https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet


#3

@ladiecoder,

++++++++ don't know how to use STYLE attribute ++++

<!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 <head></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


#4

@ladiecoder,

If you have to define a rule in the CSS- stylesheet.css
you will write

 p {
     font-size: 24px;
   }

Reference::

google search
== the Book ==
what is CSS explained site:developer.mozilla.org
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/What_is_CSS