یک فنجان مشاوره
مهـمـان مــا باشیـد

شـمـــاره تــمــاس
031-36628509

ویژگی های زبان CSS

انتشار 01 دی 1398
دیدگاه ها 0
زمان تقریبی مطالعه
گردآوری پدیده تجارت

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

در ادامه قصد داریم شما را با ویژگی های زبان CSS آشنا کنیم:
ویژگی align-content:
این ویژگی عناصر داخلی مربوط به تگ ها ،که بیش از یک ردیف هستند رانسبت به محور عمود در چند ردیف هم ترازسازی میکند.
این صفت 8 مقدار می پذیرد:stretch و center و flex-start و flex-end و space-betweenو space-aroundو initialو inherit
نکات مهم:
1-برای اعمال این ویژگی باید حتما به ویژگی display مربوط به تگ html عنصر،مقدارflexدهیم.
2-برای هم ترازسازی عناصر در جهت افقی باید از ویژگی justify-content استفاده کنید.
3-ویژگی align-content باعث ایجاد تغییرات در ویژگی flex-wrap می شود.
ویژگی align-item نیزمانند ویژگی align-content عمل میکند با این تفاوت که جهت ترازبندی برروی عناصری که یک ردیف هستنداعمال میشود.
ویژگی background :
توسط این ویژگی میتوانیم پس زمینه را مدیریت کنیم که این خاصیت خود،چند ویؤگی دیگر از جمله : colorو image وrepeat و sizeو position و… را میپذیرد.
ویژگی Border:
با استفاده ازاین ویژگی میتوانیم ضخامت و نوع و رنگ حاشیه را تعیین کنیم.این خاصیت می تواند ویژگی های دیگری مثل color و image و radius و top و bottom و left و right و … را نیز بپذیرد.
ویژگیbox-shadow:
با استفاده ازاین ویژگی میتوانیم یک سایه به تگ ها یا باکس های html بدهیم.
ویژگی color:
با استفاده از این ویژگی میتوانیم رنگ متن را مشخص کنیم.
ویژگی direction:
از این ویژگی برای جهت دهی به متن استفاده می شود که مثلا راست چین باشند(rtl) یا چپ چین(ltr)و…
ویژگی display:
از این ویژگی جهت تعیین چهارچوب تگ های html و چگونگی نمایش آن ها استفاده می شود.
ویژگی font :
توسط این ویژگی میتوانیم ویژگی هایی را برای فونت متون مشخص کنیم که این خاصیت مقدارهای face (تعریف کردن فونت های سفارشی)،family(اسم یک فونت)،size(اندازه یک فونت)،style(استایل یک فونت که به سبک نرمال یا مورب یا خط کج باشد)،weight (ضخامت فونت)و… را می پذیرد.
ویژگی float:
با استفاده ازاین ویژگی میتوانیم مقادیرتگ های خود را به سمت چپ یا راست تگ نگهدارنده خود هل دهیم یا شناور کنیم.
ویژگی height:
جهت تعیین اندازه ارتفاع محتوای تگ ها بکار می رود.
ویژگی width:
جهت تعیین اندازه عرض محتوای تگ ها بکار می رود.
ویژگی margin:
اندازه فضای بیرونی عنصر را در چهار جهت بالا،پایین،چپ و راست مشخص میکند.
ویژگی padding:
میزان فضای فاصله عنصراز داخل را درچهارجهت بالا،پایین،چپ و راست مشخص میکند.
ویژگی text-shadow:
از این خاصیت جهت سایه دادن به نوشته و متن استفاده می شود.
ویژگی position:
برای تعیین کردن موقعیت مکانی یک عنصر در جهات مختلف بکار می رود که مقادیر relative و absolute و … می پذیرد.
ویژگی z-index:
وقتی که عناصر روی هم قرار میگیرند میتوان از z-index جهت تعیین ترتیب قرارگرفتن آن ها استفاده کرد.

 

شرکت پدیده تجارت با سالها فعالیت در زمینه طراحی سایت اصفهان و آموزش طراحی سایت در اصفهان می تواند به خوبی مجری پروژه ها و

ایده های شما باشد.

مقالات مرتبط

شاید علاقمند به دیدن این مقالات نیز باشید
(آرشیو کامل)

مزایای سیستم وردپرس مزایای سیستم وردپرس مقالات طراحی وب سایت

پدیده تجارت

07 شهریور 1396

برنامه نویسی native (بومی)  چیست ؟ برنامه نویسی native (بومی) چیست ؟ مقالات طراحی وب سایت

پدیده تجارت

26 تیر 1399

برای طراحی اپلیکیشن موبایل و سایت باید به چه نکاتی توجه کنیم؟! برای طراحی اپلیکیشن موبایل و سایت باید به چه نکاتی توجه کنیم؟! مقالات طراحی وب سایت

پدیده تجارت

08 اسفند 1397

خدمات پشتیبانی سایت خدمات پشتیبانی سایت مقالات طراحی وب سایت

پدیده تجارت

19 آبان 1398

اهمیت شبکه های مجازی در تبلیغات آنلاین اهمیت شبکه های مجازی در تبلیغات آنلاین مقالات

پدیده تجارت

27 تیر 1397

دلایل کاهش رتبه بندی سایت در گوگل دلایل کاهش رتبه بندی سایت در گوگل مقالات سئو

پدیده تجارت

06 اردیبهشت 1396

منظور از طراحی اختصاصی سایت چیست؟ منظور از طراحی اختصاصی سایت چیست؟ مقالات طراحی وب سایت

پدیده تجارت

25 دی 1392

کاربرد TextWatcher در اندروید استودیو و آموزش ساخت آن کاربرد TextWatcher در اندروید استودیو و آموزش ساخت آن مقالات موبایل

پدیده تجارت

02 مرداد 1397

طراحی سایت با کدام زبان برنامه نویسی ؟ طراحی سایت با کدام زبان برنامه نویسی ؟ مقالات طراحی وب سایت

پدیده تجارت

24 مهر 1398

چرا ویدیو مارکتینگ ؟! چرا ویدیو مارکتینگ ؟! مقالات برندینگ

پدیده تجارت

16 اردیبهشت 1398

متد اسکرام چیست؟ متد اسکرام چیست؟ مقالات طراحی وب سایت

پدیده تجارت

22 فروردین 1395

جدیدترین تکنولوژی های طراحی سایت جدیدترین تکنولوژی های طراحی سایت مقالات طراحی وب سایت

پدیده تجارت

12 مهر 1396

دیدگاه کاربران

0

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها