صفحه اصلی / آموزش CSS

آموزش CSS

بخش بیست و چهارم- آموزش تراز افقی و عمودی در css

قدم قبلی > < قدم بعدی   چیدمان CSS – تراز افقی و عمودی تراز کردن عناصرمرکزی  برای قرار دادن یک عنصر بلوک به صورت افقی (مانند <div>)، از حاشیه: auto استفاده کنید. تنظیم عرض عنصر، از به بیرون کشیده شدن لبه های ظرف آن جلوگیری می کند. سپس عنصر عرض مشخص شده را می گیرد و فضای باقیمانده به طور …

مشاهده بیشتر »

بخش بیست و سوم- آموزش مقدار inline-block برای display در css

قدم قبلی > < قدم بعدی CSS Layout – نمایش: مقدار inline-block صفحه نمایش: مقدار inline-block وقتی به مقایسه دو ارزش display: inline و  display: inline-block می پردازیم، تفاوت اصلی این است که صفحه  اجازه می دهد تا عرض و ارتفاع را در عنصر تنظیم کنید. همچنین، با نمایشگر: مقدار inline-block ، حاشیه / پرده بالا و پایین احترام می …

مشاهده بیشتر »

بخش بیست و دوم- آموزش float و clear در css

قدم قبلی > < قدم بعدی   CSS Layout – آموزش float و clear ویژگی شناور CSS مشخص می کند که یک عنصر باید شنا کند. ویژگی مشخصی CSS مشخص می کند که چه عناصر می تواند در کنار عنصر پاک شده شناور باشد و در چه طرفی. اموال شناور خصوصیت شناور برای موقعیت و محتوای قالببندی استفاده می شود، برای …

مشاهده بیشتر »

بخش بیست و یکم- آموزش سرریز در CSS

قدم قبلی > < قدم بعدی   CSS Layout – سرریز ویژگی سرریز CSS کنترل آنچه که با محتوایی که بیش از حد بزرگ است به یک منطقه متصل می شود. سرریز CSS ملک سرریز مشخص می کند که آیا محتوای کلیپ یا اضافه کردن اسکرول های نوار زمانی که محتویات یک عنصر برای متناسب کردن در منطقه مشخص شده …

مشاهده بیشتر »

بخش بیستم- آموزش ویژگی position در css

قدم قبلی > < قدم بعدی   CSS Layout – ویژگی موقعیت  ویژگی موقعیت مشخص نوع روش موقعیت یابی مورد استفاده برای یک عنصر (استاتیک، نسبی، ثابت، مطلق یا چسبنده) را مشخص می کند. ویژگی موقعیت ویژگی موقعیت مشخص نوع روش موقعیتی که برای یک عنصر استفاده می شود. پنج ارزش برای موقعیت های متفاوت وجود دارد: استاتیک نسبت فامیلی …

مشاهده بیشتر »

بخش نوزدهم- آموزش عرض و حداکثر عرض در CSS یا آموزش CSS Layout

CSS Layout – عرض و حداکثر عرض  استفاده از width, max-width and margin: auto همانطور که در درس قبل ذکر شد؛ یک عنصر سطح بلوک همیشه عرض کامل را در اختیار شما می گذارد (تا آنجا که ممکن است به سمت چپ و راست برسد). تنظیم عرض یک عنصر سطح بلوک جلوگیری از کشش به لبه های ظرف آن است. …

مشاهده بیشتر »

خصوصیت display در CSS /آموزش خصوصیت display در CSS یا آموزش CSS Layout

آموزش خصوصیت display در CSS   CSS Layout – خصوصیت display در CSS خصوصیت display در CSS مهمترین ویژگی CSS برای کنترل layout(طرح) است.() خصوصیت display در CSS خصوصیت display در CSS مشخص می کند که چگونه یک عنصر نمایش داده شود. هر عنصر HTML دارای یک مقدار پیش فرض برای display(نمایش) بسته به نوع آن عنصر است. مقدار نمایش پیش …

مشاهده بیشتر »

بخش هفدهم- آموزش ساخت جدول در CSS یا آموزش CSS Tables

  آموزش ساخت جدول در CSS   ساخت جدول در CSS برای شروع و قبل از آموزش ساخت جدول در CSS  بد نیست نگاهی بیاندازیم به یک جدول HTML ، در ادامه خواهیم دید که ظاهر این جداول تا حد زیادی با CSS بهبود می یابد: <html> <head> <style> #customers { font-family: “Trebuchet MS”, Arial, Helvetica, sans-serif; border-collapse: collapse; width: …

مشاهده بیشتر »

بخش شانزدهم- آموزش ساخت لیست در CSS یا آموزش CSS Lists

  ساخت لیست در CSS     لیست در CSS   لیست های HTML و خواص لیست در CSS در HTML، دو نوع اصلی از لیست ها وجود دارد: لیست های مرتب نشده (<ul>) – آیتم های لیست با گلوله یا یک شکل دیگر مشخص می شوند.لیست های مرتب شده (<ol>) – آیتم های لیست با عدد یا حروف مشخص …

مشاهده بیشتر »

لینک ها در css/بخش پانزدهم- آموزش لینک ها در css یا آموزش CSS Links

  آموزش لینک ها در css CSS Links (لینک ها در css)  با استفاده از CSS، لینک ها می توانند به طرق مختلف طراحی شوند. Styling Links (طراحی ظاهریلینک ها)  ظاهر لینک ها را می توان با هر ویژگی CSS (به عنوان مثال رنگ، فونت خانواده، پس زمینه و غیره) طراحی کرد. مثال: <html> <head> <style> a { color: hotpink; } …

مشاهده بیشتر »