کار با ویژگی های font و text در css

پیش از این در بخش آموزش مقدماتی css، از کاربرد این زبان، نحوه تعریف و استفاده از کلاس (class) و آی دی (id) صحبت کردیم، همچنین با نحوه کار رنگ ها و تصاویر پس زمینه (Backgrounds) و ویژگی های آنها بیشتر آشنا شدیم و مثال هایی را در این خصوص به صورت صفحاتی کمی و بیش ساده با الگوهای دلخواه، مرور کردیم، اکنون در ادامه بحث آموزش های مقدماتی css می خواهیم با یکی دیگر از کاربردهای این زبان آشنا شویم و آن کار با فونت و متن و بررسی تنظیمات آنها است.

کار با فونت (Font) در css:

همانطور که قبلا گفتیم، css به عنوان ابزاری کمکی در شکل دهی ظاهر محتوای صفحاوت وب (html) کابرد دارد، به عبارتی از آن برای ایجاد استایل های مورد نظر برای عناصر صفحات وب که می تواند به فرض فونت مطالب باشد، استفاده می شود.

تنظیم حروف چپ به راست یا راست به چپ با direction:

کار با ویژگی position و float در CSS

از جمله مباحث پیشرفته در زمینه استایل نویسی وب با CSS، بحث استفاده از position  و float برای شناور کردن عناصر مختلف در صفحات به نحو دلخواه و مورد انتظار است، آشنایی با این خاصیت ها را می توان نقطه آغاز استایل نویسی حرفه ای برشمرد چرا که معمولا در بسیاری از جلوه های ویژه و امکانات مورد نیاز برای ساخت واسط کاربری (UI یا User Interface) مناسب در صفحات وب، ناگزیر، این خواص استاندارد استفاده خواهند شد، به طور مثال منو های طراحی شده با CSS، باکس های شناور و واکنش پذیر (Interactive)، افزونه ها و widget ها و...، لذا در ادامه آموزش های مقدماتی قصد داریم در حد امکان به دو خاصیت position  و float بپردازیم.

خاصیت position

کار با border و outline در css

در طراحی و فرم بندی ظاهر صفحات وب، از خصوصیات زیادی در css استفاده می شود که هر کدام می توانند قابلیتی ویژه را برایمان ایجاد نمایند تا به کمک آن قابلیت، به هدف مورد انتظار خود دست یابیم، یکی از این ویژگی ها، قابلیت ایجاد انواع خطوط به شکل ها و طرح های مختلف در وب با استفاده از ویژگی های border و outline در css است که بی گمان کم تر طراحی پیدا می شود که از آنها در قالب ها، طرح ها یا صفحات خود استفاده نکرده باشد، لذا در این قسمت از آموزش مقدماتی css، به این موضوع حتی الامکان به صورت کامل خواهیم پرداخت.

ایجاد خط با ویژگی border در css

کار با Backgrounds و ویژگی های آن در CSS

بعد از آشنایی نسبی با css، تعریف کلاس (class) و آی دی (ID)، نوبت به فراگیری تنظیمات مربوط به Backgrounds در CSS است، خوشبختانه CSS قابلیت های تقریبا کاملی در این خصوص دارد و هرآنچه که در طراحی وب فکرش را بکنیم با کد های آن دست یافتنی است، در ادامه خواهیم گفت که چگونه می توانید پس زمینه یا Background صفحات، لایه ها و المان های مورد نظر خود را با ویژگی های color، image، repeat، attachment و position به زیبایی شکل دهید و از آنها به طور سفارشی استفاده کنید.

شیوه نگارش کلی این عنصر و زیرمجموعه های آن به شکل زیر است:

حوه تنظیم لیست با تگ ul li در css

همان طور که در مطالب قبلی از بخش آموزش مقدماتی css گفتیم، استایل های css قابلیت های بسیار خوبی در نحوه کنترل تگ ها و عناصر html در صفحات وب در اختیارمان قرار می دهند، تا حدی که امروزه دیگر کسی به طراحی وب بدون استفاده از آنها فکر نمی کند، در ادامه آموزش ها، این بار می خواهیم نحوه کنترل شکل ظاهری تگ های ul و li که مربوط به لیست در صفحات html می شوند را بررسی کنیم، یادآور می شویم که تگ ul و li برای ایجاد منوهای استاندارد و باب طبع موتورهای جستجو در سایت یا وبلاگ و همچنین ایجاد نقشه های سایت (بدون استفاده از xml) کاربرد فراوان دارند.

ساختار تگ ul و li در html

قبل از اینکه به نحوه تنظیم تگ های ul و li با استایل css بپردازیم، بد نیست نگاهی اجمالی داشته باشیم به نحوه استفاده از دو تگ ul و li در صفحات html؛ از این دو تگ برای ایجاد یک لیست با زیر مجموعه به صورت درختی استفاده می شود، مثال زیر نحوه صحیح چیدمان تگ ul و li را به صورت تو در تو نشان می دهد

آشنایی با کلاس (class) و آی دی (id) در css

یکی از ویژگی ها و قابلیتهای اصلی css استفاده از کلاس و آی دی در تعریف استایل (style) مشخص برای عناصر موجود در صفحات وب (html) است، کلاس و آی دی الگوهایی کلی را تعریف می کنند که از آن الگوها در شکل دهی ظاهری و ایجاد قابلیتهای تگ های html استفاده می شود؛ در ادامه خواهیم گفت که هر کدام از موارد گفته شده (class و id) برای هدف خاصی استفاده می شوند و خواهیم دید که چگونه می توانیم آنها را تعریف و استفاده نمائیم.

تعریف کلاس و آی دی در css

داستان پیامبر و جبرئیل

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

پس از گذشت یک سال از حرکت کاروان خدیجه سرانجام کاروان به شهر خود بازگشت.

خدیجه شیفته ی درستکاری، امانداری و اخلاق نیکوی محمد شد و سرانجام با او ازدواج کرد. حالا دیگر محمد جوان همسری مهربان داشت و پس از گذشت مدتی در کنار همسر و فرزندانش به آسایش و راحتی رسیده بود.

مدت ها از آنروز گذشت. خشکسالی همه جای شهر مکه را فراگرفته بود. در این اوضاع، تهیه غذا برای خانواده ها بسیار سخت شده بود، به خصوص خانواده های پرجمعیت. خانواده ی ابوطالب، عموی پیامبر نیز با این مشکل مواجه بودند. محمد تصمیم گرفت برای کمک به عمویش یکی از فرزندان او را به خانه خود بیاورد. ابوطالب پسر کوچکی به نام علی داشت، محمد او را به خانه خود آورد. دیگر علی نیز یکی از فرزندان محمد به حساب می آمد.

داستان اصحاب الجنه،غرور ثروت وکشتن پیامبران

 سرگذشت صاحبان باغ سرسبز

 1-سرگذشت صاحبان باغ سرسبز(اصحاب الجنه)در قرآن مجید در ضمن 17 آیه ذکر شده است.مشهور است که در زمانهای قبل از اسلام در یمن حدود 4فرسخی صنعا روستایی به نام صروان یا ضروان وجود داشته که پیرمرد مومنی در آنجا باغی بسیار سرسبز وپر درخت داشت وبه قدری به فکر فقرا بود که از محصول باغ به اندازه نیاز خود برمیداشت ومابقی را به فقرا میبخشید.فقرا هر سال موقع برداشت محصول به باغ رفته وسهم خود را دریافت میکردند.صاحب باغ همیشه به فرزندانش توصیه میکرد که از یاد فقرا غافل نشوند.

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

داستان حضرت ادريس(ع)

حضرت ادريس يكي از پيامبران الهي است كه نامش دو بار در قرآن كريم آمده است.ادريس كلمه اي غير عربي است ونامگذاريش به اين اسم به اين دليل است كه او حكم خدا وسنتش را به مردم درس مي داده است.

ادريس از لحاظ تقدم زماني بعد از حضرت آدم(ع) در قرآن از پيامبران شمرده شده وميان او وآدم پنج پيامبر فاصله بوده است.ادريس در مصر متولد ودر سيصد سالگي رحلت فرمود .

آغاز بعثت

رسول خدا هرسا ل مدتی در کوه حراء به تنهایی مشغول عبادت می شد وخوابهای صادقانه می دید ودر دره های مکه بر هر سنگ ودرختی که گذر می کرد صدای السلام علیک یا رسول ا... می شنید.

ایشان درچهل سالگی ودر روز 27 رجب در حالیکه در داخل غار مشغول عبادت بود با صدایی مواجه شد که به او گفت:اقرا،بخوان.این صدا ،صدای جبرئیل بود.از آنجائیکه او بی سواد بود گفت که نمیتوانم بخوانم اما جبرئیل دوباره از او این درخواست را تکرار کرد واین عمل تا 3 بار ادامه یافت.پیامبر بعد از نزول وحی به خانه رفت واز همسرش خواست تا او را بپوشاند.

ایشان در حالیکه در بستر بود آیات آغازین سوره مدثر بر او نازل شد:

ای در بستر خواب آرمیده.برخیز ومردم را هشدار ده وپروردگارت را بزرگ بشمار ولباست را پاک کن و...