متن، فونت ها و لیست ها

در این فصل با ویژگی های مربوط به متن ها آشنا می شویم. خواهیم آموخت چگونه متن خواناتر و زیباتری بنا به شرایط مختلف در قسمت های مختلف سایت داشته باشیم. همینطور در آخر این فصل نحوه استایل دهی به لیست های مختلف را بصورت دقیق بررسی خواهیم کرد.

مفاهیم پایه ای CSS

دانستن مفاهیم پایه ای در CSS از اهمیت زیادی برخوردار است. هرچه بر این مفاهیم مسلط تر باشیم در آینده بهتر طراحی می کنیم و در رفع خطاها سریع تر عمل می کنیم. در این ایستگاه با چند مفهموم مهم آشنا می شویم. CSS Cascade در مطالب قبل به آبشاری بودن CSS اشاره کردیم در […]

نحو (سینتکس) CSS

هر زبانی نحو یا سینتکس مربوط به خود را دارد. ویکی پدیا نحو را به صورت زیر تعریف می کند: نحو یا جمله‌شناسی به دانش مطالعهٔ قواعد مربوط به نحوهٔ ترکیب و در کنار هم آمدن واژه‌ها به‌منظور ایجاد و درک جملات در یک زبان اطلاق می‌شود. برای اینکه بتوانیم به زبان CSS صحبت کنیم […]

اعمال CSS به سند وب

برای اعمال CSS بر یک سند وب یا به بیان دیگر برای زیباسازی صفحه و یا صفحات وب توسط CSS چندین راه وجود دارد. هر کدام از این راه ها برتری و ضعف مخصوص به خود را دارند و بنا به موقعیت های متفاوت مورد استفاده قرار می گیرند. که در ادامه تک تک روش […]

تاریخچه CSS

CSS در سال 1996 در HTML 4 معرفی شد تا مشکلاتی که طراحان وب در آن زمان با 3.2 HTML داشتند را برطرف کند. مشکل آنجا بود که طراحان مجبور بودند از ویژگی و تگ های زیادی در HTML در جهت ارائه محتوا استفاده کنند. این در حالی بود که قرار نبود از HTML برای […]

مقدمه ای بر CSS

CSS یکی از تکنولوژی های اصلی برای طراحی صفحات و اپلیکیشن های وب می باشد. مهم نیست قصد ساخت چه سایت و اپلیکیشنی را داشته باشید, باید در ساخت آن از CSS استفاده کنید. CSS یک زبان استایل نویسی و از نوع اعلانی می باشد که نحوه نمایش یک صفحه وب را توصیف می کند. […]

position

با استفاده از ویژگی position می توان مکان یک عنصر را در صفحه مشخص کرد. از طریق این ویژگی می توانید تصمیم بگیرید که آیا مکان عنصر نسبت به flow صفحه مشخص شود (حالت پیشفرض) یا اینکه در عین حالی که جایگاهش در flow حفظ می شود مکانش تغییر کند و یا اینکه مکان آن […]

()scaleZ

با استفاده از تابع scaleZ که برای ویژگی transform تعیین می شود می توانید یک عنصر را در فضای سه بعدی و در جهت محور Z بزرگتر یا کوچکتر نمایش دهید. مثال هایی از موارد صحیح استفاده از این تابع:   transform: scaleZ(2); transform: scaleZ(1); /* عنصر تغییری نخواهد کرد */ transform: scaleZ(0.25); transform: scaleZ(-1); […]

()scale3d

با استفاده از تابع scale3d که برای ویژگی transform تعیین می شود می توانید یک عنصر را در فضای سه بعدی بزرگتر یا کوچکتر نمایش دهید. این تابع برخلاف نسخه دو بعدی آن یعنی ()scale سه مقدار می گیرد. که مقادیر عددهایی بدون واحد هستند. مقدار اول sx است که موجب کوچک و یا بزرگ […]

()rotateZ

با استفاده از تابع rotateZ که برای ویژگی transform تعیین می شود می توانید یک عنصر را در فضای سه بعدی دور محور Z بچرخانید. این تابع یک زاویه می گیرد که میزان چرخش دور محور Z را نشان می دهد. زاویه مثبت باعث می شود که عنصر در جهت عقربه های ساعت دور این […]