کتاب آموزش CSS3

فهرست مطالب کتاب آموزش 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