ویژگی های font در css بخش اول
ویژگی های font در css بخش اول font-size font-style
صفات font در css بخش اول را تقدیم علاقه مندان یادگیری طراحی سایت می کنیم. در مجموعه مقالات سایت آموزی در دو بخش ویژگی های font در css و css3 را براتون شرح میدم. در این بخش ۴ ویژگی از مجموعه ویژگی های font رو براتون شرح میدم.
صفت font-family در سی اس اس :
این Property نوع فونت رو در سند css شما تعیین می کنه. شما می تونید فونتی که مدنظرتون هست به شکل زیر کدنویسی کنید:
p { font-family: 'Arial';}
ویژگی font-size درون ویژگی های font در css بخش اول:
با این ویژگی شما می تونید سایز فونت خودتون رو به دلخواه تغییر بدید. معمولا سایز فونت ها رو با واحد em و یا واحد pixel تعیین می کنند. کدنویسی این Property به شکل زیر انجام میشه:
p { font-size: 15px; }
ویژگی font-weight در سی اس اس :
از طریق این ویژگی شما می تونید ضخامت فونت خودتون رو به دلخواه کنترل کنید.
این ویژگی دارای ۹ مقدار از ۱۰۰ تا ۹۰۰ برای ضخامت های گوناگون هستش و همینطور مقدار bold ، مقدار normal ، مقدار inherit (ارث گرفتن صفت از والد پدری) ، مقدار border و مقدار lighter می باشد. که همه این مقادیر به نوعی ضخامت یک فونت رو کنترل می کنند.
برای کسب اطلاعات بیشتر در مورد طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
کد زیر رو به عنوان نمونه مشاهده کنید :
p { font-weight: bold; }
ویژگی font-style :
این ویژگی هم حالت یا استایل فونت رو مشخص می کنه. خصوصیت font-style چهار مقدار می گیره. مقدار اول که inherit هست و استایل فونت رو از والد پدریش ارث می بره.
مقدار دومی italic هست که سبک و استایل فونت شما رو به حالت کج ایتالیک تغییر می ده. مقدار سومی حالت normal هست که از اسمش مشخصه که به حالت طبیعی سبک فونت اشاره می کنه.
و مقدار چهارمی oblique هست. این مقدار هم استایل فونت رو به شکل مورب یا کج تبدیل می کنه. در حقیقت مقدار چهارم تفاوت خاصی با حالت italic ندارد و هر دو تقریبا سبک یکسانی به فونت می دهند. کد زیر نمونه ای از بکارگیری این ویژگی هست :
p { font-style: italic; }
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
font در css بخش اول font-size font-style – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید