css الدرس الرابع فى

Fonts

– سنتعلم فى هذا الجزء ضبط الخط المستخدم فى كتابة النصوص من حيث النوع حيث يوجد انواع عديدة للخطوط داخل لغة (css) وايضا ضبط حجم الخط ويمكن ان تضبط الخط بحيث يكون سميك او غير سميك والخصائص المستخدمة فى ضبط الخط هى كالتالى :

Property

شرح الخاصية

font-family

تستخدم لضبط نوع الخط المستخدم

font-size

تستخدم لضبط حجم الخط

font-style

تستخدم لضبط شكل الخط سواء كان مائل او طبيعى وغير مستخدمة بكثرة

(1)font-family:

وتستخدم هذة الخاصية فى اختيار نوع الخط وانواع الخطوط كثيرة جدا يمكنك ان تتعرف عليها من على النت او من داخل برنامج الدريم ويفر ويتم استخدامها كما فى المثال التالى :

<!DOCTYPE html>

<html>

<head>

<style>

p.serif{font-family:”Times New Roman”,Times,serif;}

p.sansserif{font-family:Arial,Helvetica,sans-serif;}

</style>

</head>

<body>

<h1>CSS font-family</h1>

<p>This is a paragraph, shown in the Times New Roman font.</p>

<p>This is a paragraph, shown in the Arial font.</p>

</body>

</html>

(2)font-size:

وعن طريق هذة الخاصية تستطيع تحديد حجم الخط المستخدم والوحدة المستخدمة فى تحديد حجم الخط هى البكسل (px) كما فى المثال التالى:

<!DOCTYPE html>

<html>

<head>

<style>

h1 {font-size:40px;}

h2 {font-size:30px;}

p {font-size:14px;}

</style>

</head>

<body>

<h1>This is heading 1</h1>

<h2>This is heading 2</h2>

<p>This is a paragraph.</p>

</body>

</html>

وتظهر بصفحة الويب كما يلى:

This is heading 1

This is heading 2

This is a paragraph.

Advertisements

ضع تعليقك هنا

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: