Question on CSS?


#1

How can i add font-family: cursive; to the 'span' selector in your CSS tab? On question 3 Why separate form from function?
thanks!


#3

Hi,

Can you, please, put the code here to see what exactly you want to do.
Thanks!


#4








Much of this is regular text, but some of it is fancy!
We can use our newly fancified font to add some
flair to our website. It'd be a royal pain
to make each of these span tags fancy individually,
but it's a cinch with CSS!



Please let me where i should put the code and go to the next step?
Thank a lot!!


#5

why the code not show on my message??


#6

if you edit/update your question, leave a reply so i get a notification. Your code is not visible, take the following steps to make your code visible:

select your code and press ctrl + k (or cmd + k if you use a mac)

if this instructions are unclear, you can also insert 3 backticks before and after your code, like so:

```
<p>visible</p>
```

the backtick is located above the tab key on your keyboard


#7








Much of this is regular text, but some of it is fancy!
We can use our newly fancified font to add some
flair to our website. It'd be a royal pain
to make each of these span tags fancy individually,
but it's a cinch with CSS!




#8

Still no good, try the backticks? if your post only contains code, you can also do ctrl + a (select all) followed by ctrl + k (make code visible!)


#9
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Even Fancier Fonts</title>
    </head>
    <body>
        <p>Much of this is regular text, but some of it is <span>fancy</span>!
        We can use our <span>newly fancified font</span> to add some
        <span>flair</span> to our website. It'd be a <span>royal pain</span> 
        to make each of these span tags <span>fancy</span> individually,
        but it's a cinch with <span>CSS</span>!</p>
    </body>
</html>

#10

why did we go through the trouble of posting your html code? go to your css tab (stylesheet.css)

and add the required code in stylesheet.css


#11
CSS: An Overview









        Why separate form from function?


        Great work! Look at you. You're already writing CSS.

There are two main reasons for separating your form/formatting (CSS) from your functional content/structure (HTML):

You can apply the same formatting to several HTML elements without rewriting code (e.g. style="color:red":smile: over and overYou can apply similar appearance and formatting to several HTML pages from a single CSS file

Look at the HTML in index.html. That's a lot of tags! All those words are in regular font, but we want them to be super fancy.

      
    
    
      
        Instructions
      
      
        Go to the stylesheet.css tab and tell the span selector that you want the font-family to be cursive. Check the Hint if you need help!

          
            
              
                ?
                
                  
                  Hint
                
              
              

                Let's see... making something red meant we had to type

span {
color: red;
}

So if we put in

font-family: cursive;

that should fancify our font!

This is the question and i can't pass!
Please help!!


#12

general css syntax:

selector {
  property: value;
}

now, the selector is span (i believe this already provided in the css tab,) you only need to add the property (font-family) and the value (cursive)


#13
<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Even Fancier Fonts</title>
    </head>
    <body>
        <p>Much of this is regular text, but some of it is <span style="font-family:cursive">fancy</span>!
        We can use our <span style="font-family:cursive">newly fancified font</span> to add some
        <span style="font-family:cursive">flair</span> to our website. It'd be a <span style="font-family:cursive">royal pain</span> 
        to make each of these span tags <span style="font-family:cursive">fancy</span> individually,
        but it's a cinch with <span style="font-family:cursive">CSS</span>!</p>
    </body>
</html>

am i do it right?


#14

what do i do wrong?


#15

In the tab with the title 'stylesheet.css' you need to add

span {
    font-family: cursive;
}

#16

@mosejunior, good luck. I tried to explain he needs to adds that in stylesheet.css, and he only posted the content of his index.html code


#17

@stetim94 I guess people are different.


#18

Thanks so much for your help I finally solve it. :sweat_smile:


#19

I don"t put an coment before p


#20

I don't put an comment in CSS Syntax Color Comment