+ 1
How to do css
4 Respostas
+ 2
CSS is used to style HTML — colors, fonts, layout, spacing, and more.
Ways to Apply CSS:
Inline CSS – directly in HTML tags:
<p style="color: red;">Hello</p>
Internal CSS – inside <style> in HTML:
<head>
<style>
p { color: blue; font-size: 18px; }
</style>
</head>
External CSS – separate .css file linked in HTML:
<link rel="stylesheet" href="styles.css">
/* styles.css */
p {
color: green;
font-size: 20px;
}
Basic CSS Concepts:
Selectors: Target elements to style (p, h1, .class, #id)
Properties & Values: Define style (color: red; font-size: 16px;)
Box Model: Every element has content, padding, border, margin
Positioning: static, relative, absolute, fixed, sticky
Flexbox & Grid: For layout and alignment
Example:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
.highlight {
color: red;
font-weight: bold;
}
</style>
</head>
<body>
<p>Hello, this is normal text.</p>
<p class="highlight">This text is highlighted in red!</p>
</body>
</html>
Good Luck!
+ 1
Entangle into the Web Development (HTML + CSS + JS) or Introduction To CSS (Only CSS) course in the learning section.
+ 1
https://www.sololearn.com/learn/courses/css-introduction
____________________________________________
CSS practice
https://mastery.games/build/zelda/
https://gridcritters.com/ 179$ cost
https://flexboxzombies.com/
https://flukeout.github.io/
https://www.tynker.com/parents/
http://www.flexboxdefense.com/
http://cssgridgarden.com
https://flexboxfroggy.com/
https://frontendmentor.io
0
Thanks and how to do gradient