کتاب آموزش گام به گام 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