How to Add CSS to HTML

Adeoye Jumoke — Mon, 25 Aug 2025 19:31:30 +0000

So, you’ve started learning web development and now you’re hearing about this thing called CSS. You might be wondering, “What exactly is CSS, and how does it connect with HTML?” Well, you’re not alone. Let’s go through it together.
HTML is like the foundation of a building, it gives your website structure. It tells the browser, “Here’s a heading, here’s a paragraph, here’s an image.” But by itself, HTML looks plain. That’s where CSS comes in.
CSS (Cascading Style Sheets) is like the stylist of the web. It adds color, changes fonts, adjusts layouts, and basically makes a website attractive. Think of HTML as the skeleton and CSS as the clothes and makeup that bring it to life.
Now, how do we add CSS to HTML? There are three main ways: inline, internal, and external CSS.

Inline CSS This means adding CSS to a single element by using the style attribute in the element’s opening tag. It is useful for applying a unique style to one element without affecting others.

<p style="color: red;">This text is red.</p>

Internal CSS This involves applying CSS inside an HTML file by placing the style tag in the head section of the document. It allows you to style multiple elements on that page without affecting other pages.

<!DOCTYPE html> <html> <head> <style> body { background-color: blue; } h1 { color: navy; } </style> </head> <body> <h1>Hello, world!</h1> </body> </html>

External CSS This means writing your CSS in a separate CSS file and linking it to your HTML using the link tag. The link is placed inside the head section of your HTML file.

h1 { color: green; text-align: center; }

Conclusion
To sum it up, HTML gives your webpage structure while CSS makes it visually appealing. Inline CSS works best for quick, one-time styles, internal CSS is great for styling a single page, and external CSS is the most professional method for larger projects because it keeps everything clean and reusable.
Once you start combining HTML and CSS, you’ll realize that creating a beautiful and functional webpage is not as complicated as it first seems.

My Introduction to Web Development as a Beginner

Adeoye Jumoke — Thu, 21 Aug 2025 21:05:00 +0000

When I first heard about web development, it sounded so big and complicated, like something I needed two heads to do. But as I started learning, I realized it is not some mysterious thing. Web development is simply building websites and web applications, the stuff we use every day such as blogs, online shops, or even social media platforms.

Web development is about making a website come alive. From its design and layout, to how it works behind the scenes, and even how it keeps running after launch.

The Three Core Areas of Web Development

**
1. Frontend Development

This is what you see on a website. Think of it as the face of the website. The design, buttons, colors, and overall layout. If you click a button and something happens, that is the frontend at work.

2. Backend Development

Now imagine the engine under the hood of a car. That is the backend. You cannot see it, but it powers everything. Backend development is all about the server, database, and application logic that make a website function.

3. Full Stack Development

Some people can do both frontend and backend. These superheroes are called full stack developers. They understand how to design what users see and how to power what happens in the background.

The Building Blocks of the Web
Before you run, you have got to walk. The three essential technologies you must know as a web developer are:

HTML:
The foundation of every webpage. It structures content like text, images, and links.
CSS:
The design language that makes webpages look good. It controls the colors, fonts, layouts, and all the pretty stuff.
JavaScript:
The brain that adds interactivity. Without it, a webpage would just sit there and do nothing.
How to Become a Web Developer (My Roadmap)
I am still learning, but here is the simple roadmap I am following, and you can too:
Learn HTML, CSS, and JavaScript which are the core trio.
Build projects, even small ones like a personal portfolio or a simple blog. Build as you learn.
Use version control. Git and GitHub are your best friends. Push your code there.
Explore frameworks such as React for frontend and Node.js for backend when you are ready.
Keep practicing because web development is all about learning by doing.

Skills That Help Along the Way

Problem solving (Google is your best teacher).
Attention to detail (a missing semicolon can break your code and even your spirit).
Creativity and design sense
Willingness to learn constantly because the web evolves fast.
``
Conclusions
Web development might seem overwhelming at first, but it is actually a fun journey. I am still at the beginning, and honestly, every small thing I build feels exciting.

If you are curious about coding or want to create things for the web, start with the basics and keep going. The good thing is, you do not need to know everything before you begin. Just start, and you will grow as you build.

DEV Community: Adeoye Jumoke

How to Add CSS to HTML

My Introduction to Web Development as a Beginner

The Three Core Areas of Web Development