صفت Vertical position :
اين صفت هم همانند صفت قبل است با اين تفاوت كه به محل قرار گيري تصوير پس زمينه در جهت عمودي اشاره دارد
مقادير مطلق براي محور عمودي عبارتند از Top¢er&bottom كه به معني بالا،وسط و پائيين صفحه است
مقدار عددي هم كاربرد دارد
پس از پاين كار روي OK كليك كنيد تا كدها توليد شود.حال با هم نگاهي به كدهاي ايجاد شده همين قسمت مي اندازيم
<style type="text/css">
<!--
body {
background-image: url(pic/001.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-color: #FFFFFF;
}
-->
</style>
خوب كه توجه كنيد مي بينيد تمام اين كدها مربوط به خاصيت بك گراند است زيرا كدها با Backgtound- شروع شده و در جلوي آن صفت مورد نظر قرار گرفته و بعد از : هم مقدار آن مشخص گشته به خط سوم دقت كنيد نام شيوه نامه body است و چه فرقي با نام شيوه نامه هاي كلاسي دارد كه خودمان در جلسه قبل تعريف و تعيين كرديم
دارد بله در مورد نام هاي كلاسي يك نقطه . قبل از نام آن وجود دارد حال اين كه در مورد شيوه هايي كه خاصيت يك تگ را تعريف مي كند اين نقطه وجود ندارد
سوال: آيا در يك شيوه نامه ميتوان چندين كلاس ايجاد كرد و براي چندين تگ هم مشخصات تعريف كرد
جواب اين است كه بله تعريف كلاس و مشحصات تگها در داخل يك شيوه نامه نا محدود است براي درك اين موضوع به كد زير دقت كني
<style type="text/css">
<!--
body {
background-image: url(pic/001.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-color: #FFFFFF;
}
.table1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: capitalize;
color: #000066;
}
.table2 {
font-family: Tahoma;
در اين كد ما در قالب يك شيوه نامه هم مشخصات تگ body را مشخص كرديم و هم دو كلاس بنامهاي table و 2 table1 ايجاد كرديم
در اين جا ذكر يك نكته هم ضروري است شما در نامگذاري كلاسهاي ايجاد شده تان آزاديد هر نام معقول و معمول ي را كه بدون كاراكترهاي ويژه باشند را انتخاب كنيدمنتها سعي كنيد نام انتخابيتان هم نام با تگهاي html نباشد.
قبل از آن كه به ساير مباحث برسيم اجازه دهيد چگونگي ايجاد شيوه نامه اي براي حالتهاي مختلف لينك را هم ذكر كنيم
يك شيوه نامه جديد ايجاد كنيد و در قسمت selector type راديو باتن سوم را مطابق شكل انتخاب كنيد در فيلد selector اين گزينه ها وجود دارد
هر بار يك گزينه را انتخاب كرده و شيوه هاي آن را تعيين كنيد
توضيحات تكميلي در قسمتهاي قبل داده شده است پس بيشتر توضيح نمي دهم
با اين مطلب به ادامه مبحث و قسمتهاي بعدي css با اين مطلب به ادامه مبحث و قسمتهاي بعدي در اين جا اگر يادتان باشد ما كلاسي را در قسمت هفتم ايجادكرديم حال قصد داريم همان را ويرايش كنيم پس آن كلاس را باز كرده تا ادامه كار را بر روي آن انجام دهيم
خواص متني
خواص متني قادر است متون موجود پاراگرافها را تحت كنترل قرار دهد اين خواص همانطور كه در ش كل مي بينيد از طريق گزينه block از قسمت category در دسترس شما قرار دارد حال صفاتي كه در سمت راست ظاهر مي شود.
در اين قسمت ما خواص متني و پاراگرافي را تعيين خواهيم كرد و يا پيكسل ( em ) ميزان ، ( pc ) پيكاس ، ( mm ) ميلي متر ، ( cm ) سانتيمتر ، ( In ) اينچ ، (pt ) تمام مقادير را مي توانيم بر حسب نقطه تعريف كنيم منتها باز هم عرض كنم بهتر است در مقاديرتان از پوينت يا پيكسل استفاده كنيد حال گزينه هايي كه در اين كادر وجود دارد.
Word-spacing
اين خاصيت فاصله بين كلمات را تعيين مي كند مقدار نرمال انتخاب را به مرو رگر واگذار مي كند شما ابتدا بايد مقدارتان را تايپ كرده و از كادر مقابل واحد مورد نظرتان را انتخاب كنيد
Letter-spacing
اين خاصيت ميزان فاصله بين حروف را تعيين مي كند
Vertical-alignment
اين خاصيت موقعيت عمودي متن و تصوير را نسبت به خط پايه ياbase مشخص مي كند
مقادير اين خاصيت كه مي پذيرد عبارتند از baseline&sub&super&top&text-top& middle&bottom&text-bottom و مقادير درصدي كه و مقادير درصدي كه
Text-align
اين خاصيت متون موجود در پاراگرافها را از نظر چپ چين ، راست چين ،وسط چين و يا تراز بودنشان را مشخص مي كند
مقادير هم همانها هستند يعني left,rite,center , justify که به ترتیب متن شما را چپ چین ، راست چین ، وسط چین و ترازبندی از دورف می کند.
Text-indent
اين گزينه به ميزان تو رفتگي اولين خط از يك پاراگراف اشاره داردمقادير دست خود شماست و همينطور واحد آن مق دار فقط نكته اي كه هست اگر مقادير را منفي درنظر بگيريد اولين خط هر پاراگراف به سمت بيرون سوق مي يابد
|