کتاب آموزش CSS به فارسی روان ارایه شده است.

• نام کتاب : کتاب آموزش CSS فارسی
• موضوع : طراحی وب
• سطح آموزش : مقدماتی تا پیشرفته
• تعداد صفحات : ۱۴۱ + ۹۵ صفحه
• نسخه : PDF

css مخفف Cascading Style Sheets به معنی الگو های آبشاری می باشد. پس از یادگیری این زبان میتوانید مفهوم این عبارت را متوجه شوید.

CSS یک نوع زبان style sheet  است و به شما اجازه می دهد خصوصیات متعدد سبک را برای عناصر HTML همچون رنگ ها، بک گراند( پس زمینه)، فونت و غیره مشخص کنید.

برای نمونه فرض کنید یک سایت را که شامل چندین صفحه می باشد را طراحی کرده اید ولی در پایان کار از فونت صفحات خوشتان نمی آید و تصمیم می گیرد که آن را تغییر دهید، حال اگر این کار را به روش قدیمی انجام دهید باید کل صفحات سایت را ویرایش کنید و فونت ها را تغییر دهید ولی اگر از سی اس اس استفاده کرده باشید می توانید تنها با تغییر فونت در سند سی اس اس خود کل فونت سایت را تغییر دهید.

چرا باید در صفحات وب از CSS استفاده کنیم؟

• سی اس اس به خاطر این که یک استاندارد جهانی می باشد تمامی مرورگر های اینترنتی از آن پشتیبانی می کنند.
• استفاده از سی اس اس میزان کد نویسی برای طراحی سایت را بسیار کاهش می دهد.
• اعمال تغییرات مورد نظر در صفحات نوشته شده با سی اس اس بسیار راحت تر می باشد.

مزایای استفاده از CSS

بزرگترین مزیت زبان CSS این است که به جداسازی محتوای سند HTML از سبک و طرح آن سند کمک می کند.

همین امر باعث می شود نگهداری سند راحت تر باشد و کنترل بیشتری بر روی طرح صفحات وب ایجاد گردد زیرا محتوای کل مجموعه صفحات HTML را می توان به کمک یک یا چند Style sheet کنترل کرد.

در ادامه برخی از مزایای CSS را با هم مرور می کنیم:

• CSS در زمان شما صرفه جویی می کند:

این زبان انعطاف پذیری زیادی را برای تنظیم خاصیت های مختلف یک عنصر فراهم می کند. شما می توانید یکبار CSS خود را بنویسید و سپس از کدهای یکسان برای گروه های مختلف عناصر HTML استفاده نمایید. همچنین می توانید آن را در صفحات HTML متعدد دوباره مورد استفاده قرار دهید.

• نگهداری ساده و آسان:

این زبان روش ساده و اسانی برای به روزرسانی فرمت اسناد و نگهداری آن در اسناد مختلف فراهم می کند. با یک تغییر ساده در CSS سایت، عناصر موجود در تمامی صفحات سایت به طور خودکار به روز خواهند شد.

• صفحات سرعت بارگذاری بیشتری دارند:

CSS صفحات متعدد سایت را قادر می سازد فرمت را به اشتراک بگذارند و همین امر از پیچیدگی و تکرار محتوای ساختار می کاهد. این موضوع به طور قابل توجهی می تواند اندازه فایل انتقالی را کاهش دهد و سرعت بارگذاری سایت را بیشتر نماید.

• استایل برتری نسبت به HTML است:

CSS توانایی های گسترده تر نمایشی نسبت به HTML دارد. بنابراین شما می توانید ظاهر بهتری به صفحات خود بدهید.

• با دیوایس های متعدد سازگاری دارد:

این زبان به اسناد HTML اجازه می دهد خود را برای رسانه ها و دستگاه های مختلف بهینه سازی کنند. استفاده از CSS کمک می کند یک صفحه واحد در دستگاه های مختلف و صفحه نمایش های متعدد به شیوه مختلف رندر شود.

فهرست مطالب کتاب آموزش CSS

• مقدمه
• چگونگی استفاده از CSS
• CSS چیست؟
• نمایش CSS
• دستور نحوی CSS
• توضیحات یا comment ها در CSS
• انتخابگرهای CSS
• انتخابگر شناسه (id selector)
• انتخابگر کلاس (class selector)
• ادغام گروه ها / گروه بندی انتخاب گرها (grouping selectors)
• Style Sheet ها
• Style Sheet خارجی (external)
• Style Sheet داخلی (internal)
• Style های Inline
• Style Sheetهای چندگانه
• پس زمینه
• رنگ پس زمینه
• تصویر پس زمینه
• تصویر پس زمینه – تکرار تصویر پس زمینه با نمای افقی و عمودی
• آموزش خاصیت های Image – Set position و no-repeat
• آموزش خاصیت Background – Shorthand
• متن در CSS
• رنگ متن
• تراز بندی متن (text alignment)
• اعمال جلوه های بصری به متن ( (Text Decoration
• تنظیم تو رفتگی متن (TEXT INDENTATION)
• فونت در CSS
• خواص فونت در CSS
• خانوادهای فونت (font family) در CSS
• خانواده ی فونت (font family)
• سبک فونت ها (Font style)
• خصوصیت نام برده سه مقدار متفاوت دارد
• اندازه ی فونت (Font Size)
• اندازه ی مطلق
• تنظیم و انتخاب اندازه بر حسب پیکسل (با پیکسل)
• تنظیم اندازه ی فونت با Em
• بکاربردن ترکیبی از Percent و Em
• All CSS Font Properties
• آموزش Link
• چهار حالت مختلف برای لینک در زیر فهرست شده
• سبک های معمول لینک
• رنگ پس زمینه (background color)
• لیست در CSS
• انواع لیست ها
• نشانگرهای مختلف آیتم های لیست (list item marker)
• انتخاب یک تصویر به عنوان نشانگر آیتم مورد نظر در لیست
• آموزش خاصیت List – Shorthand
• جدول در CSS
• خاصیت border-collapse
• طول و عرض جدول
• تراز بندی متن به صورت افقی (Horizontal text alignment)
• ترازبندی عمودی متن (vertical text alignment)
• استفاده از خاصیت padding در جدول
• تنظیم رنگ جدول
• آموزش Box در Css
• پهنا و ارتفاع عنصر
• مبحث سازگاری مرورگرها
• خاصیت Border در CSS
• مقادیر Border-style
• ضخامت حاشیه( (Border width
• رنگ خط حاشیه ( (Border color
• تعریف حاشیه به صورت مجزا برای هر طرف در CSS
• خاصیت Border-Shorthand
• آموزش Outline
• Outline / خط پیرامون در CSS
• آموزش Margin
• مقادیر ممکن ( (Possible Values
• مقدار دهی margin هر چهار جهت در یک تعریف
• آموزش Padding
• Padding (فاصله / حاشیه ی درونی عناصر)
• مقادیر ممکن
• تنظیم فاصله ی درونی عنصر به صورت تکی برای هر جهت
• تعيين با استفاده از خاصيت چند مقداری padding
• خاصیت padding می تواند از یک تا چهار مقدار داشته باشد
• آموزش خاصیت display
• خاصیت Display در CSS – عناصر Block و Inline
• اصلاح نحوه ی نمایش یک عنصر
• تعیین مختصات و محل قرار گیری عناصر در صفحه
• تعیین موقعیت / موقعیت دهی به صورت ایستا (static positioning)
• تعیین موقعیت قرار گیری عنصر به صورت دقیق و ثابت (Fixed positioning)
• تعیین موقعیت یا موقعیت دهی به صورت نسبی (relative positioning)
• موقعیت دهی به صورت مطلق (absolute positioning)
• تمامی خاصیت های موقعیت دهی در CSS
• آموزش Float
• عناصر چگونه شناور می شوند ؟
• لغو حالت شناور عناصر (خاصیت float) با استفاده از خاصیت Clear
• تمامی خصوصیت های مربوط به float یا شناور سازی در CSS
• شبه عناصر در CSS
• شبه عناصر در CSS چه کاربردی دارند
• ترکیب نحوی (syntax)
• شبه المان first-line
• شبه المان first-letter
• شبه کلاس ها و کلاس های CSS
• ترکیب چندین شبه عنصر (Multiple pseudo-element)
• CSS – شبه المان before
• CSS – شبه عنصر after
• شبه عنصر selection و کاربرد آن در CSS
• سیتنکس pseudo-elements
• first-line Pseudo-element
• first-letter Pseudo-element
• Pseudo-elements و کلاس های CSS
• Pseudo-elements چندگانه
• before Pseudo-element
• Pseudo-elements
• آموزش Navigatuion
• نوار پیمایش – لیست لینک ها
• نوار پیمایش عمودی
• نوار پیمایش افقی
• List Itemهای Inline
• list itemهای Floating
• آموزش گالری عکس
• البوم تصویر
• ایجاد تصاویر شفاف در CSS
• – شفافیت تصویر – Hover Effect
• Image Sprite چیست؟
• Image Sprites – مثالی ساده
• Image Sprites – ایجاد لیست پیمایشی (navigation list)
• انواع رسانه ها در CSS
• دستور @media
• گزینشگر های صفت
• گزینشگر صفت CSS
• گزینشگر [صفت = مقدار] CSS
• گزینشگر [ مقدار ~=خصیصه] CSS
• گزینشگر[ خصیصه|=مقدار] در CSS
• گزینشگر[ خصیصه^=مقدار ]در CSS
• گزینشگر [attribute$=value] در CSS
• گزینشگر [attribute*=value] و کاربرد آن در CSS
• سبک دهی به فرم
• سلکتورهای Grouping
• تراز کردن عنصرهای block
• نمونه هایی از عنصر block
• تراز کردن در مرکز با استفاده از پراپرتی margin
• تراز چپ و راست با استفاده از پراپرتی Position
• مسئله سازگاری Crossbrowser
• تراز چپ و راست با استفاده از پراپرتی float
• مسئله سازگاری Crossbrowser

همین الان کتاب آموزش CSS به فارسی را از باکس دانلود به رایگان دریافت و یادگیری را همین امروز شروع کنید.