How can I link my external css file to my html file in Pycharm?

Question

Inside the project folder, I have created both the html and CSS file under 'venv' library root folder. html file name - index.html CSS file name - styles.css

code that I used to link CSS: <link rel="stylesheet" href="styles.css" type="text/css">

This does not seem to work. Need help.

See this connect html file with css file in the pycharm

I_Al-thamary
– I_Al-thamary

2022-01-12 08:07:39 +00:00
Commented Jan 12, 2022 at 8:07 — I_Al-thamary
– I_Al-thamary, Commented Jan 12, 2022 at 8:07

I_Al-thamary · Accepted Answer · 2022-01-12 08:47:33Z

1

CSS is not available in PyCharm Community but it will work perfectly in the Professional edition. Also, if you face a problem with the static file use href="{% static "static/d.css"%}" and change the setting.py You can see how to add it. I run the code below in PyCharm 2021.3.1 (Professional edition).

body {
  background-color: lightblue;
}

h1 {
  color: navy;
  margin-left: 20px;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="d.css" type="text/css" />
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

edited Jan 12, 2022 at 8:47

answered Jan 12, 2022 at 8:24

I_Al-thamary

4,1883 gold badges29 silver badges47 bronze badges

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

1 Comment

ShekharD Over a year ago

Thanks for the quick response. I switched to atom ide for now because I am a beginner and I do not have the fundamentals in place but your response might help me later

user16563995 · Accepted Answer · 2022-01-12 08:39:14Z

0

I am not sure but check it. you can add the folder what the css file is found. like this: <link rel="stylesheet" href="../root/styles.css" type="text/css">

answered Jan 12, 2022 at 8:39

user16563995

Collectives™ on Stack Overflow

How can I link my external css file to my html file in Pycharm?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related