آموزش تگ style در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ style در HTML با من همراه باشید.

آموزش تگ style در HTML

Free-Learn

تگ Style در HTML

تگ style یا استایل ، تگی است که با استفاده از آن میتوان برای یک صفحه وب استایل تعریف و یا ایجاد کرد.

منظور از استایل یعنی همون رنگ دادن به صفحه وب ، یا مثلا شکل و شمایل سایت رو درست کردن، و بطور کلی هرچیزی که بتونه در ظاهر سایت نقشی داشته باشه رو میتونیم بگیم استایل اون سایت.

زبان CSS نیز دقیقا برای همینکار ایجاد شده، یعنی برای ایجاد استایل و بطور کلی برای شکل و شمایل دادن به سایت ما باید از زبان CSS و دستوراتی که در این زبان وجود دارند استفاده نماییم.

پیشنهاد میکنم آموزش قدم به قدم زبان CSS را مشاهده نمایید.

Free-Learn

مثال از تگ style در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

امتحان کنید

مثال شماره ۲ : از چندین تگ style میتوان درون یک صفحه وب استفاده کرد.

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ style در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی بله بله بله بله بله

Free-Learn

جدول صفات تگ style در HTML

در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.

نام صفت مقدار توضیح
media media_query مشخص میکند که دستورات css مورد نظر برای دستگاهای مختلف بهینه سازی شود.
(برای واکنش گرایی صفحات وب)
type text/css نوع رسانه یا نوع محتوایی تگ style را مشخص میکند.

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

تگ style از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

Free-Learn

نکات و توضیحات

تگ style همیشه در بین تگ head قرار میگیرد و تگ head نیز همیشه قبل از تگ body در یک صفحه وب قرار میگیرد.

از چندین تگ style میتوان درون یک صفحه وب استفاده کرد (همانند مثال شماره ۲ کمی بالاتر) و مشکلی ندارد ولی خب اینکار از نظره بنده پیشنهاد نمی شود.

نکته خیلی مهم : از تگ style فقط و فقط میتوان درون یک (۱عدد) صفحه وب استفاده کرد، یعنی اگه شما ۳ صفحه وب داشته باشید باید داخل هر ۳تای آنها بصورت جداگانه از تگ style و دستورات css مورد نظرتان استفاده نمایید.

Free-Learn

دستورات CSS پیش فرض

معمولا مرورگرها تگ style را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.


Free-Learn