I'm doing a site for a school project but my site is just showing white and black letters, its not showing the design and colors I have in Visual stud
- Thread starter tato250
- Start date
eliteel5
Member
- Messages
- 37
- Reaction score
- 1
- Points
- 8
Hi tato250 , send me the link on your site I can probably help you with this
Correct
You need to use CSS or inline CSS
Its better to link to a style sheet from your index.htm or html file
in a folder named CSS and creating a file named main.css then link to this within your header tags
Here is an Example
Now you target each tag for example
This would be your start of your CSS file
Correct
You need to use CSS or inline CSS
Its better to link to a style sheet from your index.htm or html file
in a folder named CSS and creating a file named main.css then link to this within your header tags
Here is an Example
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
< "CTRL + / " emmet short cut for comments This is your link -->
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.css">
<title>Your page title goes here </title>
</head>
Now you target each tag for example
This would be your start of your CSS file
/* Select a font or collection of fonts you might want to use */
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,400;1,300;1,600&family=Lato:wght@300&family=Oswald:wght@700&family=Tangerine&display=swap');
/* VARIABLES WE WILL USE for various colours */
:root {
--links: rgb(255, 255, 255);
--bodytext: #333;
--navbarindex: #047aed;
--navbartext: #fff;
}
/* Reset */
* {
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
/* These are all the base styles of the document */
/* style the body */
body {
/* Set the font family */
font-family: 'Lato', sans-serif;
color: var(--bodytext);
/* Line height sets hieght above
and below text */
line-height: 1.6;
}
Last edited:
eliteel5
Member
- Messages
- 37
- Reaction score
- 1
- Points
- 8
You dont ideally want to be using visual studio for this You do want to be using something like VsCode or which is open source
Here is the link for this which is available for windows or Linux or mac OS
https://code.visualstudio.com/download
This is by far the best way to learn this
These are recommended tutorials to follow This is an excellent tutor for this with many online tutorials that will help you immensely
Any questions get back to me and I will do my level best to see what I can do to assist you
Here is the link for this which is available for windows or Linux or mac OS
https://code.visualstudio.com/download
This is by far the best way to learn this
These are recommended tutorials to follow This is an excellent tutor for this with many online tutorials that will help you immensely
Any questions get back to me and I will do my level best to see what I can do to assist you
