سبک ها

چگونه از صفت style استفاده کنیم؟

سبک ها مربوط به صفت style هستند. style یکی از پر کاربرد ترین صفت ها می باشد، یکی از نکاتی که باید مورد توجه قرار بگیرد، نحوه استفاده از style است. به سه روش می توان از این صفت استفاده کرد:

1. الحاق یک فایل جداگانه با فرمت css در تگ head
2. استفاده از تگ style در تگ head بدون فایل جداگانه
3. استفاده از صفت style در تگ مورد نظر

نحوه استفاده به هر سه روش را در زیر مشاهده می کنید:


در مورد اول یک فایل css را به سند html الحاق نموده ایم که به آن حالت external گویند.
در مورد دوم کد های css را در تگ head گذاشته ایم که به آن حالت enternal گویند.
در حالت سوم کدهای css را درون تگ باز html قرار دادیم که به آن حالت inline گویند.

<!DOCTYPE html>
<html>
<head>
<link href=”style.css” rel=”stylesheet” type=”text/css”>
<style type=”text/css” >p{color:red}</style>
</head>
<body>
<div style=”width:10px” > content </div>
</body>
</html>


مـــهم باید این مورد را در نظر بگیرید که اگر هر سه نوع سبک را داشته باشید اولویت انجام به ترتیب با external<–enternal<–inline می باشد که با دستور important! می توان این اولویت ها را تغییر داد.

 

صفحه بعدیصفحه قبل

 

تاریخ آخرین بروز رسانی: 2017/12/30

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *