DEV Community: Ragul Kannadasan

CSS

Ragul Kannadasan — Sun, 12 Jul 2026 03:28:58 +0000

HTML is building's framework, but CSS (Cascading Style Sheets) is the interior design.

It’s turns a plain, text-heavy page into a visually stunning experience.

we have three primary methods to use CSS. Each has its own ideal use cases.

CSS (Cascading Style Sheets) is the style language of the web. While HTML acts as the structural framework or "skeleton" of a website, CSS functions as the interior design. It turns plain, text-heavy code into a visually engaging experience by controlling layouts, colors, fonts, and responsiveness.

When designing a website, there are three primary methods to inject CSS into an HTML document, each serving a distinct purpose.

Types of CSS

1. Inline CSS

Inline CSS is used to apply a unique style directly to a single HTML element. The style rules are written directly inside the HTML tag using the style attribute.

Inside the HTML tag

<p style="color: blue; font-size: 18px;">Hello Friends</p>

2.Internal CSS

Internal CSS is defined within the <head> section of an HTML document, wrapped entirely inside a <style> tag. This method applies styles to the entirety of that single HTML page.

Inside the HTML file:

<head>
    <style>
        body {
            background-color: #f4f4f4;
        }
        h1 {
            color: darkgreen;
            text-align: center;
        }
    </style>
</head>

3.External CSS

External CSS is the best way to style websites. All CSS rules are written in a completely separate file with a .css extension and linked to your HTML files using the <link> tag inside the <head> section.

In `style.css`:

body {
    font-family: Arial, sans-serif;
    margin: 0;
}
.hello {
    background-color: blue;
    color: white;
}

In `index.html`:

<head>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1 class="hello">Hello Friends</h1>
</body>

Git: Essential Commands

Ragul Kannadasan — Fri, 10 Jul 2026 17:30:29 +0000

1.git init

Initializes a new, empty Git repository in your current directory. creates a hidden .git folder. This folder is the brain of your repository, storing all your tracking data, history, and branches.

git init

2.git clone

Creates a local copy of an existing remote repository.Instead of starting from scratch, git clone downloads all the files, branches, and commit history from a remote server to your local machine.

git clone <repository_url>

3.git status

Displays the state of your working directory.It won't change any files; it just tells you what is going on

git status

4.git add

Adds modified or new files.You have to tell it exactly what you want to include in your next save. The staging area is like a loading dock. git add moves files.

add a specific file:

git add <file_name>

add all changed files in the current directory:

git add .

5.git commit

It acts as a permanent save point, capturing the state of files at a specific moment in time.

git commit -m "message here"

6.git switch

Switches your working directory to a different branch.Once you create a branch, you have to move into it to start working.

git switch <branch_name>

7.git merge

Combines the history of one branch into another.

git merge <branch_to_merge_in>

8.git push

Uploads your local commits to a remote repository.Your local commits only exist on your computer. git push sends your saved milestones to the remote server (like GitLab and GitHub) so others can see and download your work.

git push origin <branch_name>

9.git pull

Fetches and downloads content from a remote repository and immediately updates the local repository.

git pull origin <branch_name>

Testing dev.to API

Ragul Kannadasan — Fri, 10 Jul 2026 13:21:42 +0000

testing

Git

Ragul Kannadasan — Thu, 09 Jul 2026 16:20:32 +0000

Git is a version control system. Git was created in 2005 by Linus Torvalds, the famous software engineer who also created the Linux operating system.

Git is open-source and free. This means anyone can use it, download it, and contribute to making it better.

If we are working alone, Git is great for keeping our files organized.But,when we work in a team, Git becomes essential.

Essential Git Commands

1.git init

Initialize a new Git repository

git init

2.git clone

If a project already exists online,use this command to download a full copy of it to our local storage

git clone URL

3.git add

Before we save a change, you need to tell Git which files to include.it's called staging.stage all modified files at once, use a period "."

git add .

4.git commit -m "message"

The -m stands for message. Always write a short description of what we changed.

git commit -m "message"

5.git push

use this command to upload our changes to a remote server.so team can access it.

git push

Hey Guys!

Ragul Kannadasan — Mon, 06 Jul 2026 15:35:59 +0000

This is my first blog

DEV Community: Ragul Kannadasan

CSS

Types of CSS

1. Inline CSS

Inside the HTML tag

2.Internal CSS

Inside the HTML file:

3.External CSS

In style.css:

In index.html:

Git: Essential Commands

1.git init

2.git clone

3.git status

4.git add

5.git commit

6.git switch

7.git merge

8.git push

9.git pull

Testing dev.to API

Git

Essential Git Commands

1.git init

2.git clone

3.git add

4.git commit -m "message"

5.git push

Hey Guys!

In `style.css`:

In `index.html`: