آموزش css جلسه دوم : روش های استایل دهی

آموزش css جلسه دوم : روش های استایل دهی


در مطلب قبلی از آموزش css با شما بودیم ، و یه سری کلیات رو معرفی کردم ، سعی میکنم به صورت منظم آموزش های بعدی رو هم قرار بدم.

این جلسه میخوام راجع به نحوه های استایل دهی درون یک فایل html بهتون بگم. 

به سه روش می توان کد سی اس اس نوشت :
External : توی یک فایل خارجی کد css را می نویسیم و سپس به html لینک می دهیم . در این روش همه
صفحات می توانند از همان کدها استفاده کنند .
Embedded : نوشتن کدهای css به صورت Internal یعنی کدهای css را در قسمت head هر صفحه بنویسیم ؛
در این روش فقط همان صفحه می تواند از آن کد استفاده کند . به صورت زیر :

 <style type=” text/css”> 

وسپس کدهای css را می نویسیم .
Inline : style را توی خود تگ تعریف می کنیم . مثال :

 <h1 style="color:red ; font-size:15px">Introduction</h1>

لینک دادن یک فایل css به صفحه html :

 <link href="class.css" rel="stylesheet" type="text/css"/>

روش دوم برای لینک دادن :

 <style type="text/css"> @import url("stylesheet.css");</style> Style Sheets For Print (And Other Media) :
  • all : برای تمام دستگاه ها .
  • Aural : برای دستگاه هایی که فقط ریدر هستند .
  • Braille : برای پرینترهای braille .
  • Handheld : برای دستگاه های موبایل و pda .
  • Print : برای پرینت گرفتن .
  • Projection : برای زمانی که از پروژکتور استفاده می کنیم .
  • Screen : برای زمانی که از lcd استفاده می کنیم .
  • Tv : برای تلویزیون .

مثال :

 <link href="screen.css" rel="stylesheet" type="text/css" media="screen"/> <link href="print.css" rel="stylesheet" type="text/css" media="print"/>

[wpdm_package id='7749']


ارسال دیدگاه