CSS How To ….
How to Insert Style Sheets
کار Style Sheet ها ؟
زمانی که مرورگر به Style Sheet ها می رسد ، آن ها را می خواند و تمام صفحه وب شما را مطابق آن تنظیم می کند. برای بار سوم ، مجددا انواع Style Sheet ها را معرفی می کنیم.
External Style Sheet
این روش زمانی کاربرد دارد که ما چندین صفحه وب داریم و می خواهیم برای هم یک نوع Style Sheet داشته باشیم . خوبی این روش این است که اگر زمانی شما خواستید چهره سایت خودتون را عوض کنید ، فقط کافی است یک فایل را تغییر دهید. در این روش کل کدهای CSS که طراحی صفحات شما در آن قرار می گیرد و شامل همان کلاس هایی است که قبلا توضیح داده بودیم ، در فایلی جدا با پسوند .css ذخیره می شود و به کد صفحه اصلی شما با یک لینک پیوند می شود. برای نوشتن یک External Style Sheet به نکات زیر دقت کنید:
ادامه مطلب ...
در جلسه قبل با کلیت CSS آشنا شدیم ، در این قسمت به چگونگی نوشتن کدهای CSS می پردازیم و ساختار کدهای CSS را مورد بررسی قرار می دهیم. در ساختار همه کدهای CSS ، سه قسمت وجود دارد که عبارتند از : a selector, a property and a value
که به این شکل نوشته می شود :
selector {property:value}
در قسمت selector عناصر یا همان Element های HTML قرار می گیرد ، یادتونه که همه Element های HTML با تگ شروع می شدند. در قسمت property ، آن مشخصه ای قرار می گیرد که شما می خواهید آن را تغییر دهید ، شاید بپرسید خوب چه صفاتی را می شود تغییر داد ؟
کلا هر مشخصه (Attribute) که بتواند مقدار بگیرد ، قابل تغییر است . برای بهتر متوجه شدن به مثال های زیر توجه کنید : p
{
text-align:center;
color:black;
font-family:arial
}
ادامه مطلب ...
بعد از HTML وارد قسمت هیجانی و بسیار کاربردی تر دنیای وب می شیم ، یعنی آموزش CSS ، پس با ما باشید. با CSS شما می تونید بسیاری از کارهاتون را ذخیره کنید و خیلی اصولی تر صفحات وبتون را طراحی کنید. در این آموزش تو یاد می گیری که چگونه با CSS میتونی style ها و لایه های مختلف یک صفحه وب چند گانه را همگی با هم تحت کنترل خود قرار دهی.
برای شروع چه چیزهایی را باید بدونم ؟
لازمه قبل از شروع CSS ، آموزش HTML را که قبلا در سایت ارائه داده بودیم را مطالعه کنید. اگر می خواهی به آموزش HTML بری ، کلیک کن .
CSS چیست ؟