کتاب آموزشی گام به گام CSS به زبان فارسی
با سلام دوستان عزیز امروز در سایت نوین سورس کتاب بسیار کامل و فوق العاده اموزش css3 به صورت کامل و قدم به قدم رو در اختیار شما دوستاران طراحی وب قرار دادیم علاقه مندان به طراحی وب و css و دوستانی که میخان تازه شروع به یادگیری طراحی وب وcss3 کنن کتاب فوق که توسط مهندس افشین رفوا نوشته شده دارای سر فصل های زیر مباشد.
فهرست کتاب اموزشی فوق :
مقدمه
توجه
چگونگی استفاده از 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
دو زبانه زیر، محتوای زیر را تغییر می دهد.
محمد رضا جدی 28 ساله فارغ التحصیل رشته نرم افزار دانشکده فنی تبریز علاقه مند به سئو و تولید محتوا علاقه مند به دیجیتال مارکتینگ و شبکه و انتشار مطالبی هر چند کوتاه در این زمینه
آخرین پست توسطمحمد رضا (همه را ببین)
- رنجهای IP در شبکههای کامپیوتری: آشنایی با کلاسهای A، B، C و D در IPv4 - 1402-07-09
- اموزش کد نویسی برنامه فاکتوریل با C++ - 1402-07-09
- چگونه اسکریپت های php را برای موتور های جست و جو گر سئو و بهینه سازی کنیم ؟ - 1402-07-09
- افزونه باز کردن اینستاگرام در مرورگر - 1398-07-18
عاشق این وبسایت شدم من.عالی هستید شما