معرفی و دانلود کتاب آموزش کاربردی و جامع CSS3

معرفی کتاب آموزش کاربردی و جامع CSS3

کتاب آموزش کاربردی و جامع CSS3 به قلم مسعود قدیمی، زبان CSS را گام به گام از سطح پایه تا پیشرفته مورد مطالعه و بررسی قرار می‌دهد.

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

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

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

فهرست مطالب کتاب

معرفی
CSS و رابطه‌ی آن با HTML
دوران قبل از CSS
دوران استفاده از CSS
آشنایی با style‌ها در زبان HTML
ساختار یک Style
انتخاب کننده عنصر
انتخاب کننده id
انتخاب کننده class
انتخاب کننده‌های گروهی
Comment‌ها درCSS
اضافه کردن کد‌های CSS در روش External
اضافه کردن کد‌های CSS در روش Internal
اضافه کردن کد‌های CSS در روش Inline
ترتیب اولویت‌ها در اعمال استایل
انواع background
صفت background-color
صفت background-image
Background Image – تنظیم صفات position و no-repeat
Background Image - تکرار به صورت افقی و عمودی
Background Image - مکان ثابت برای تصویر
Background - صفت کوتاه شده
صفات Border در CSS
صفت border-style
صفت Border-width
صفت Border-color
Border - تعیین نوع border برای هر سمت به طور جداگانه
Border - صفت کوتاه شده
صفت border-radius
صفات Margin در CSS
Margin - تنظیم مقدار صفت margin برای هر سمت به طور جداگانه
Margin - صفت کوتاه شده
مقدار auto برای صفات margin
مقدار inherit برای صفات margin
تقلیل پیدا کردن مقدار margin
تمام صفات margin در CSS
صفت padding در CSS
Padding - تنظیم مقدار صفت padding برای هر سمت به طور جداگانه
Padding - صفت کوتاه شده
تمام صفات padding در CSS
صفات width و height در CSS
مقدار دهی صفت max-width
تمام صفات ابعاد در CSS
مفهوم Box Model در CSS
عرض و ارتفاع یک عنصر
آشنایی با صفت Outline در CSS
استایل دهی برای صفت Outline
صفت outline-color
صفت outline-width
Outline - صفت کوتاه شده
صفت color
ترازبندی متون
صفت text-decoration
صفت text-transform
صفت text-indent
صفت letter-spacing
صفت line-height
صفت direction
صفت word-spacing
صفت text-shadow
صفت font-family
صفت font-size
تنظیم اندازه‌ی فونت با پیکسل
تنظیم اندازه‌ی فونت با em
استفاده از ترکیبی از درصد و em
صفت font-weight
آیکون‌ها در CSS
چگونه آیکون‌ها را به صفحه وب اضافه کنیم؟
آیکون‌های کتاب خانه Font Awesome
آیکون‌های Google
فرمت دهی به لینک ها
استفاده از CSS برای ساخت یک دکمه‌ی لینک
فرمت دهی لیست‌ها در CSS
استفاده از نشان گذار‌های مختلف برای آیتم‌های لیست
استفاده از تصویر به عنوان نشان گذار
مکان نشان گذار‌ها در لیست
حذف تنظیمات پیشفرض
صفت list-style (صفت کوتاه شده)
استایل دهی لیست با رنگ ها
فرمت دهی جداول در CSS
Border‌ها در جداول
صفت border-collapse
صفات طول و عرض برای یک جدول
تراز بندی افقی
ترازبندی عمودی
تنظیم Padding برای جداول
استفاده از امکان hover برای جدول
ایجاد جدول‌های راه راه برای خوانایی بیشتر داده‌ها
جدول‌های واکنش‌گرا
صفت display در CSS
عناصر block
عناصر inline
تفاوت عناصر inline و block در CSS
مقدار none برای صفت display
تغییر مقدار پیشفرض برای صفت display
پنهان کردن عناصر - display: none یا visibility: hidden
استفاده صفت width و max-width
صفت position
position: static
position: relative
position: fixed
position: absolute
همپوشانی عناصر
جایابی متون در یک تصویر
آشنایی با صفت overflow در CSSoverflow: visible
overflow: hidden
overflow: scroll
overflow: auto
overflow-x و overflow-y
صفت float
صفت clear
طرح بندی وبسایت با float
مقدار inline-block
ترازبندی وسط برای عناصر
ترازبندی وسط برای متون
ترازبندی وسط برای تصاویر
ترازبندی راست و چپ با استفاده از صفت position
ترازبندی راست و چپ با استفاده از صفت float
وسط چین کردن به صورت عمودی با استفاده از padding
وسط چین کردن به صورت عمودی با استفاده از line-height
وسط چین کردن به صورت عمودی با استفاده از position و transform
ترکیب کننده‌ها در CSS
selector نواده
selector فرزند
selector هم نیای مجاور
selector هم نیای عمومی
شبه کلاس‌ها در CSS
شبه کلاس‌ها برای حالت‌های مختلف یک لینک
شبه کلاس‌ها و کلاس‌ها در CSS
شبه کلاس first-child
مشخص کردن اولین عنصر <i> در تمام عناصر <p>
تمام شبه کلاس‌ها در CSS
شبه عنصر‌ها در CSS
شبه عنصر first-line
شبه عنصر first-letter
شبه عنصر‌ها و کلاس‌ها در CSS
ترکیب چندین شبه عنصر
شبه عنصر before::
شبه عنصر after 
شبه عنصر selection
معرفی Opacity در CSS
استفاده از hover: در هنگام استفاده از opacity
باکس‌های شفاف
شفافیت با استفاده از RGBA
نوار هدایتی (Navigation Bar) در CSS
نوار هدایتی عمودی
لینک‌های هدایتی فعال
وسط چین کردن متن لینک‌ها و افزودن border به آنها
ساخت یک نوار هدایتی عمودی fixed و چسبیده به یک طرف
نوار هدایتی افقی
آیتم‌های لیست به صورت inline
افقی کردن نوار هدایتی با استفاده از float
لینک‌های راست‌چین
نوار‌های هدایتی fixed
آشنایی با Dropdown در CSS
یک Dropdown ساده
ساخت یک Dropdown Menu
راست چین کردن محتوای یک Dropdown
تول تیپ در CSS
مشخص کردن مکان تول تیپ
فلش‌های تول تیپ
Fade شدن تول تیپ در هنگام نمایش
شبه تصاویر یا Image Sprites
خاصیت transform 2D در CSS3
تبدیل‌های دو بعدی در CSS3
متد (translate)
متد (rotate)
متد (scale)
متد (skew)
متد (matrix)
خاصیت transform 3D در CSS3
متد (rotateX)
متد (rotateY)
متد (rotateZ)
خاصیت Transition در CSS3
نمودار سرعت (speed curve) را برای transitiontransition-delay
خاصیت‌های transition به صورت خلاصه
animation در CSS3
منابع