Did I do this CSS right? I'm starting to get the hang of it a bit, I just need some clarification. Any criticism is alright! (I'll post it below.)

Question

swordtotheheart · Answer

h1 {
  font-size: 60px
}

p {
  font-size: 30px
}

h3 {
  font-size: 40px
}

p {
color: floralwhite
}
h3 {
  color: floralwhite
}

h1 {
  color: floralwhite
}
hr {
  color: floralwhite
}
body {
  background-color: black
}
p {
  font-family:serif
}

Aratox · Answer

@swordtotheheart please add your code to a code block, which can be easily created by using three backticks before the code (this organizes your code and keeps the original format). Thanks!

Extrinix · Answer

@swordtotheheart what is your HTML code?

Everything looks to be right in terms of the CSS itself, but that could change with the HTML.

swordtotheheart · Answer

@extrinix wrote:

@swordtotheheart what is your HTML code? Everything looks to be right in terms of the CSS itself, but that could change with the HTML.

I'll pull it up..

swordtotheheart · Answer

@extrinix here's the code!

𝔊𝔞𝔪𝔢𝔰 𝔱𝔬 𝔓𝔩𝔞𝔶 𝔴𝔦𝔱𝔥 𝔜𝔬𝔲𝔯 𝔉𝔯𝔦𝔢𝔫𝔡𝔰 ✩

₊ ℜ𝔬𝔟𝔩𝔬𝔵 ₊

ৎ ℜ𝔬𝔟𝔩𝔬𝔵 𝔦𝔰 𝔟𝔞𝔰𝔦𝔠𝔞𝔩𝔩𝔶 𝔞 𝔤𝔞𝔪𝔢.. 𝔴𝔦𝔱𝔥 𝔪𝔞𝔫𝔶 𝔪𝔬𝔯𝔢 𝔤𝔞𝔪𝔢𝔰 𝔦𝔫𝔰𝔦𝔡𝔢 𝔬𝔣 𝔦𝔱! ℑ𝔱'𝔰 𝔱𝔥𝔢 𝔟𝔢𝔰𝔱 𝔱𝔥𝔦𝔫𝔤 𝔱𝔬 𝔭𝔩𝔞𝔶 𝔴𝔦𝔱𝔥 𝔶𝔬𝔲𝔯 𝔣𝔯𝔦𝔢𝔫𝔡𝔰. 𝔜𝔬𝔲 𝔠𝔞𝔫 𝔪𝔞𝔨𝔢 𝔶𝔬𝔲𝔯 𝔬𝔴𝔫 𝔤𝔞𝔪𝔢, 𝔬𝔯 𝔶𝔬𝔲 𝔠𝔞𝔫 𝔧𝔬𝔦𝔫 𝔬𝔱𝔥𝔢𝔯𝔰 𝔩𝔦𝔨𝔢 𝔅𝔩𝔞𝔡𝔢 𝔅𝔞𝔩𝔩, 𝔞 𝔤𝔞𝔪𝔢 𝔴𝔥𝔢𝔯𝔢 𝔶𝔬𝔲 𝔥𝔞𝔳𝔢 𝔱𝔬 𝔭𝔞𝔯𝔯𝔶 𝔞 𝔟𝔞𝔩𝔩 𝔴𝔦𝔱𝔥 𝔶𝔬𝔲𝔯 𝔰𝔴𝔬𝔯𝔡 𝔱𝔬 𝔞𝔳𝔬𝔦𝔡 𝔟𝔢𝔦𝔫𝔤 𝔨𝔦𝔩𝔩𝔢𝔡. 𝔗𝔥𝔢𝔯𝔢'𝔰 𝔞𝔩𝔰𝔬 𝔐𝔲𝔯𝔡𝔢𝔯 𝔐𝔶𝔰𝔱𝔢𝔯𝔶 2, 𝔴𝔥𝔦𝔠𝔥 𝔩𝔦𝔨𝔢 𝔦𝔱𝔰 𝔫𝔞𝔪𝔢 𝔰𝔞𝔶𝔰, 𝔦𝔰 𝔞 𝔤𝔞𝔪𝔢 𝔴𝔥𝔢𝔯𝔢 𝔶𝔬𝔲 𝔥𝔞𝔳𝔢 𝔱𝔬 𝔣𝔦𝔫𝔡 𝔱𝔥𝔢 𝔪𝔲𝔯𝔡𝔢𝔯𝔢𝔯. 𝔗𝔥𝔢𝔯𝔢'𝔰 𝔞 𝔰𝔥𝔢𝔯𝔦𝔣𝔣, 𝔴𝔥𝔬 𝔠𝔞𝔫 𝔨𝔦𝔩𝔩 𝔱𝔥𝔢 𝔪𝔲𝔯𝔡𝔢𝔯𝔢𝔯 𝔟𝔲𝔱 𝔠𝔞𝔫 𝔞𝔩𝔰𝔬 𝔨𝔦𝔩𝔩 𝔦𝔫𝔫𝔬𝔠𝔢𝔫𝔱𝔰, 𝔰𝔬 𝔟𝔢 𝔠𝔞𝔯𝔢𝔣𝔲𝔩 𝔴𝔥𝔢𝔫 𝔱𝔥𝔢𝔶'𝔯𝔢 𝔰𝔥𝔬𝔬𝔱𝔦𝔫𝔤!

₊ 𝔉𝔬𝔯𝔱𝔫𝔦𝔱𝔢 ₊

౨ 𝔉𝔬𝔯𝔱𝔫𝔦𝔱𝔢 𝔦𝔰 𝔞 𝔟𝔞𝔱𝔱𝔩𝔢 𝔯𝔬𝔶𝔞𝔩𝔢 𝔤𝔞𝔪𝔢 𝔴𝔥𝔢𝔯𝔢 𝔶𝔬𝔲 𝔥𝔞𝔳𝔢 𝔱𝔬 𝔰𝔲𝔯𝔳𝔦𝔳𝔢 𝔣𝔬𝔯 𝔞𝔰 𝔩𝔬𝔫𝔤 𝔞𝔰 𝔭𝔬𝔰𝔰𝔦𝔟𝔩𝔢. 𝔜𝔬𝔲 𝔠𝔞𝔫 𝔨𝔦𝔩𝔩 𝔟𝔬𝔰𝔰𝔢𝔰 𝔱𝔥𝔞𝔱 𝔤𝔦𝔳𝔢 𝔶𝔬𝔲 𝔟𝔢𝔱𝔱𝔢𝔯 𝔤𝔲𝔫𝔰 𝔞𝔫𝔡 𝔥𝔢𝔞𝔩𝔦𝔫𝔤 𝔬𝔭𝔱𝔦𝔬𝔫𝔰, 𝔩𝔦𝔨𝔢 𝔪𝔢𝔡𝔞𝔩𝔩𝔦𝔬𝔫𝔰 𝔱𝔥𝔞𝔱 𝔤𝔦𝔳𝔢 50 𝔰𝔥𝔦𝔢𝔩𝔡 𝔞𝔫𝔡 𝔰𝔱𝔞𝔠𝔨 𝔟𝔶 10 𝔣𝔬𝔯 𝔢𝔞𝔠𝔥 𝔬𝔫𝔢 𝔶𝔬𝔲 𝔤𝔢𝔱. 𝔜𝔬𝔲 𝔠𝔞𝔫 𝔞𝔩𝔰𝔬 𝔭𝔩𝔞𝔶 𝔴𝔦𝔱𝔥 𝔶𝔬𝔲𝔯 𝔣𝔯𝔦𝔢𝔫𝔡𝔰 𝔦𝔫 𝔞 𝔇𝔲𝔬𝔰, 𝔗𝔯𝔦𝔬𝔰, 𝔬𝔯 𝔖𝔮𝔲𝔞𝔡𝔰 𝔪𝔬𝔡𝔢. 𝔗𝔥𝔢𝔯𝔢'𝔰 𝔞𝔩𝔰𝔬 𝔞 𝔠𝔯𝔢𝔞𝔱𝔦𝔳𝔢 𝔪𝔬𝔡𝔢, 𝔴𝔥𝔢𝔯𝔢 𝔶𝔬𝔲 𝔠𝔞𝔫 𝔪𝔞𝔨𝔢 𝔶𝔬𝔲𝔯 𝔬𝔴𝔫 𝔴𝔬𝔯𝔩𝔡 𝔱𝔬 𝔭𝔩𝔞𝔶 𝔴𝔦𝔱𝔥 𝔞𝔫𝔶𝔬𝔫𝔢. 𝔒𝔱𝔥𝔢𝔯𝔰 𝔠𝔞𝔫 𝔞𝔩𝔰𝔬 𝔭𝔩𝔞𝔶 𝔶𝔬𝔲𝔯 𝔴𝔬𝔯𝔩𝔡 𝔦𝔣 𝔶𝔬𝔲 𝔡𝔢𝔠𝔦𝔡𝔢 𝔱𝔬 𝔭𝔲𝔟𝔩𝔦𝔰𝔥 𝔦𝔱!

₊ 𝔐𝔦𝔫𝔢𝔠𝔯𝔞𝔣𝔱 ₊

ৎ 𝔐𝔦𝔫𝔢𝔠𝔯𝔞𝔣𝔱 𝔦𝔰 𝔞 𝔟𝔩𝔬𝔠𝔨𝔶 𝔤𝔞𝔪𝔢 𝔴𝔥𝔢𝔯𝔢 𝔶𝔬𝔲 𝔢𝔵𝔭𝔩𝔬𝔯𝔢 𝔱𝔥𝔢 𝔴𝔬𝔯𝔩𝔡 𝔞𝔫𝔡 𝔱𝔯𝔶 𝔱𝔬 𝔪𝔞𝔨𝔢 𝔶𝔬𝔲𝔯𝔰𝔢𝔩𝔣 𝔞𝔰 𝔯𝔦𝔠𝔥 𝔞𝔰 𝔭𝔬𝔰𝔰𝔦𝔟𝔩𝔢. 𝔗𝔥𝔢𝔯𝔢'𝔰 𝔡𝔦𝔣𝔣𝔢𝔯𝔢𝔫𝔱 𝔤𝔞𝔪𝔢𝔪𝔬𝔡𝔢𝔰. 𝔗𝔥𝔢𝔯𝔢'𝔰 𝔥𝔞𝔯𝔡𝔠𝔬𝔯𝔢 𝔪𝔬𝔡𝔢, 𝔴𝔥𝔢𝔯𝔢 𝔶𝔬𝔲 𝔩𝔬𝔰𝔢 𝔢𝔳𝔢𝔯𝔶𝔱𝔥𝔦𝔫𝔤 𝔦𝔣 𝔶𝔬𝔲 𝔡𝔦𝔢 𝔞𝔫𝔡 𝔱𝔥𝔢𝔯𝔢𝔰 𝔪𝔬𝔯𝔢 𝔪𝔬𝔫𝔰𝔱𝔢𝔯𝔰. 𝔗𝔥𝔢𝔯𝔢'𝔰 𝔰𝔲𝔯𝔳𝔦𝔳𝔞𝔩 𝔪𝔬𝔡𝔢, 𝔴𝔥𝔦𝔠𝔥 𝔦𝔰 𝔞𝔫 𝔢𝔞𝔰𝔦𝔢𝔯 𝔥𝔞𝔯𝔡𝔠𝔬𝔯𝔢 𝔪𝔬𝔡𝔢. 𝔄𝔫𝔡 𝔱𝔥𝔢𝔯𝔢'𝔰 𝔠𝔯𝔢𝔞𝔱𝔦𝔳𝔢, 𝔴𝔥𝔢𝔯𝔢 𝔶𝔬𝔲 𝔠𝔞𝔫 𝔡𝔬 𝔴𝔥𝔞𝔱𝔢𝔳𝔢𝔯 𝔶𝔬𝔲 𝔴𝔞𝔫𝔱 𝔞𝔫𝔡 𝔶𝔬𝔲 𝔴𝔬𝔫'𝔱 𝔡𝔦𝔢. 𝔜𝔬𝔲 𝔠𝔞𝔫 𝔟𝔲𝔦𝔩𝔡 𝔟𝔞𝔰𝔢𝔰, 𝔣𝔦𝔤𝔥𝔱 𝔢𝔫𝔢𝔪𝔦𝔢𝔰, 𝔞𝔫𝔡 𝔪𝔬𝔯𝔢. 𝔜𝔬𝔲 𝔠𝔞𝔫 𝔭𝔩𝔞𝔶 𝔱𝔥𝔦𝔰 𝔠𝔬-𝔬𝔭 𝔴𝔦𝔱𝔥 𝔶𝔬𝔲𝔯 𝔣𝔯𝔦𝔢𝔫𝔡𝔰 𝔱𝔬 𝔪𝔞𝔨𝔢 𝔱𝔥𝔢 𝔟𝔢𝔰𝔱 𝔟𝔲𝔦𝔩𝔡 𝔢𝔳𝔢𝔯.

I used a font to make it seem a bit cooler in the text.

Extrinix · Answer

That can be done using font-family attribute in CSS

Extrinix · Answer

As for the CSS, everything looks good.

Except, if memory holds me right, I believe the `hr` element doesn't get its color changed by the CSS `color` attribute.

swordtotheheart · Answer

@extrinix wrote:

As for the CSS, everything looks good. Except, if memory holds me right, I believe the `hr` element doesn't get its color changed by the CSS `color` attribute.

Alright, thank you!

Extrinix · Answer

No problem