Lesson 6 CSS Basics

HTML/CSS
1

Lesson 6 CSS Basics. i’m trying to give the photo some < style >
when i put img { } is not reading the word img so i can’t change any width or border
i’m a begginer btw… please help.

2

Hi Frank,

At this point I can only assume it has something to do with specificity.

Could you share your index.html and styles.css codes here so we can check it out for you?

1 Like
3 
<head>

    <title>HTML IN 10 MINUTES</title>

</head>

<H1 style="font-family: 'Courier New', Courier, monospace;">Este sera el primer heading</H1>

<p style="font-family: italic;"> El entendimiento de Html es essecial para las paginas web</p>

<h2>Este es el segundo heading.</h2><br>



<img src="images/senna.jpg">

<p>@Francisco Alcala</p>

<p>Me gusta aprender a codificar! </p>

<style>

 img {

     

 }

      

</style>

It shows me an error : Do not use empty rulesets , and its marked on line 15 where the img is,

4

The message says that your rule is empty, because it’s emtpy… You have the selector, the curly braces but no attributes set.

And BTW: You didn’t close your img-Tag. And writing html tags in upper case (H1) is uncommon. At least be consistent.

5

even if is not empty still don’t work, when you type img it comes with a color right?
well mine is not showing that, i don’t know why, i’ m confunsed

6

Can you post a screenshot? I’m still not sure what your question/problem is.

7

Hi Frank,

I just tried out your codes, I am able to apply stylings to your img tag. But im not quite sure what style(s) you want to apply.

Based on your question:

when you type img it comes with a color right?

I think you’re talking about intellisense. So under your img style, go ahead and type “color” with “:” in the end, then you will get suggested colors (these work for me using VS Code).

image
image845×226 13.1 KB

However, keep note that applying color directly to your image will not work.

1 Like
9

Please am new and here and I really want to learn something

10

I will chime in here, and you may not be here yet - Having a seperate style.CSS Sheet trmendously helped me, I no longer use style tags in my html. As a reminder you can always link your style sheet using this HTML.

Remember to adjust your path to to your stylesheet accordinglly

    <link rel="stylesheet" href="style.css">