সিএসএস আমাদের ফাইলের সাথে বহিরাগত স্টাইল শীট লিঙ্ক করার অনুমতি দেয়। এটি আমাদের আলাদাভাবে CSS-এ পরিবর্তন করতে সাহায্য করে এবং পৃষ্ঠা লোডের সময় উন্নত করে। বহিরাগত ফাইলগুলি নথির
ভিতরে ট্যাগে নির্দিষ্ট করা আছে।সিনট্যাক্স
বহিরাগত CSS অন্তর্ভুক্ত করার জন্য সিনট্যাক্স নিম্নরূপ।
<link rel="stylesheet" href="#location">
উদাহরণ
নিচের উদাহরণগুলি ব্যাখ্যা করে কিভাবে CSS ফাইলগুলি &miuns;
এম্বেড করা হয়HTML ফাইল
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h2>Demo Text</h2> <div> <ul> <li>This is demo text.</li> <li>This is demo text.</li> <li>This is demo text.</li> <li>This is demo text.</li> <li>This is demo text.</li> </ul> </div> </body> </html>
CSS ফাইল
h2 {
color: red;
}
div {
background-color: lightcyan;
} আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
উদাহরণ
HTML ফাইল
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h2>Demo Heading</h2> <p>This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. </p> </body> </html>
CSS ফাইল
p {
background: url("https://www.tutorialspoint.com/images/QAicon.png");
background-origin: content-box;
background-size: cover;
box-shadow: 0 0 3px black;
padding: 20px;
background-origin: border-box;
} আউটপুট
এটি নিম্নলিখিত আউটপুট দেয় -
