How to link CSS with PHP?

Question

I'm beginning to do HTML, CSS and PHP and I can't have a clear cut answer on how to add CSS to my existing PHP file:

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="style_conjugate.php" media="screen" /> 
</head>

<body>
    <?php
        $arr verbs = [
            verbs
        ];

        $arr base verbs= [
            base verbs
        ];



        for ($i = 0; $i < $max.baseverbs; $i++)
        {
            foreach (verbs as pronoun => conjugation) 
            {
                echo
            }
            echo for linebreak
        }   

    ?>
</body>
</html>

I would like the verbs to be displayed in blue, which needs tobe done in PHP, according to what I have read, however I can't get it to work.

I can't seem to specify how the colour should be changed in the php script`:

php.conjugation
{
  blue color
}

Any help would be greatly appreciated.

What's your exact question? Why not style the outputted HTML like usual HTML? — Nico Haase
– Nico Haase, Commented Jul 23, 2020 at 14:55

Skully · Accepted Answer · 2020-07-19 00:41:54Z

2

You are specifying your CSS file to be a "text/css", however you are linking to a .php file.

You need to firstly create a new stylesheet (CSS File) with the .css extension. Create a file called style.css in your directory and link it into your PHP file with the following:

<link rel="stylesheet" type="text/css" href="style.css" />

The contents of your stylesheet should contain the following class which you can use to get blue text:

style.css:

.text-blue {
    color: blue;
}

Now you can use this CSS class in your PHP echo to apply the color blue on the $conjugation variable:

foreach ($arr_pronoun_to_conjugation as $pronoun => $conjugation) 
{
    echo "$pronoun " . $arr_verbstem[$i] . " <div class='text-blue'>$conjugation</div><br>";
}

answered Jul 19, 2020 at 0:41

Skully

3,1743 gold badges29 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jizhihaoSAMA · Accepted Answer · 2020-07-19 04:10:56Z

0

you might have missed to include below line into your style.php file.

header("Content-type: text/css; charset: UTF-8");

edited Jul 19, 2020 at 4:10

jizhihaoSAMA

12.7k9 gold badges32 silver badges52 bronze badges

answered Jul 19, 2020 at 3:59

Mohit Varshney

1

Collectives™ on Stack Overflow

How to link CSS with PHP?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related