image not found

Inline Internal External Css Difference With Example

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Code karne do</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- external css link click and check this path-->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- end External css -->

<!-- external css -->
<style type="text/css">
.internal_css {
background: #ededed;
width: 50%;
margin: auto;
position: relative;
text-align: center;
font-size: 20px;
box-shadow: 0px 0px 27px #06d9ac inset;
padding: 12px;
top: 10vh;
margin-bottom: 20px;
border: 5px solid #06d9ac;}
</style>
<!-- end internal css -->

</head>
<body>
<!-- inline Css us in style add in same div like this example -->
<div style="background: #ededed; width: 50%;margin: auto;position: relative;text-align: center; font-size: 20px;box-shadow: 0px 0px 27px #00a61d inset; padding: 12px;top: 10vh;margin-bottom: 20px;border: 5px solid #00a61d;">
<img src="https://codekarnedo.com/malinLogo.png" width="150">
<p>Manish Gurjar</p>
</div>
<!-- End inline Css -->

<!-- --------------------------------------------------------------------------------------------------------------------------------- -->

<!-- start internal Add class name in same page & write same page in css example <style> </style> css -->
<div class="internal_css">
<img src="https://codekarnedo.com/malinLogo.png" width="150">
<p>Raghav Choudhary</p>
</div>
<!-- end Internal Css -->

<!-- --------------------------------------------------------------------------------------------------------------------------------- -->

<!-- write Class Name & add link and write there css -->
<div class="external_css">
<img src="https://codekarnedo.com/malinLogo.png" width="150">
<p>Ram Singh Yadav</p>
</div>
<!-- EXternal Css END-->

<h2>inline internal external css difference</h2>

</body>
</html>

empty

empty

Comments (5 )

LarryJouri
5 Apr 2025

Attention! This link contains adult material. By clicking, you confirm you are 18+ and agree to our Terms. [url=https://punishmentsupport.com/b9i7cp48?key=a92fec12b68d4b88909a4408cc9aa3b7]Penetrate[/url].

LarryJouri
5 Apr 2025

Attention! This link contains adult material. By clicking, you confirm you are 18+ and agree to our Terms. [url=https://punishmentsupport.com/b9i7cp48?key=a92fec12b68d4b88909a4408cc9aa3b7]Penetrate[/url].

LarryJouri
5 Apr 2025

Attention! This link contains adult material. By clicking, you confirm you are 18+ and agree to our Terms. [url=https://punishmentsupport.com/b9i7cp48?key=a92fec12b68d4b88909a4408cc9aa3b7]Penetrate[/url].

LarryJouri
5 Apr 2025

Attention! This link contains adult material. By clicking, you confirm you are 18+ and agree to our Terms. [url=https://punishmentsupport.com/b9i7cp48?key=a92fec12b68d4b88909a4408cc9aa3b7]Penetrate[/url].

LarryJouri
5 Apr 2025

Attention! This link contains adult material. By clicking, you confirm you are 18+ and agree to our Terms. [url=https://punishmentsupport.com/b9i7cp48?key=a92fec12b68d4b88909a4408cc9aa3b7]Penetrate[/url].

Leave A Comment

Click for Ad