طراحی وب سایت

همانطور که ميدانيد تگ هاي html داراي صفت هايي نيز هستند ما در اين جلسه خواهيم آموخت که چگونه به هر تگ با صفت هاي مختلف استايل متفاوتي دهيم.

 

براي انتخاب يک صفت در css پس از انتخاب تگ، صفت و مقدار آنرا در داخل [] قرار مي دهيم به کد زير دقت کنيد :

1

tagname[attribute="value"] {

2

 // some code

3

}

براي مثال مي خواهيم با استفاده از صفت alt رنگ متن مان را تغيير دهيم

کد html

 

1

<p alt="red-text">7lea</p>

2

<p alt="blue-text">7lea</p>

کد css

 

1

p[alt="red-text"] {color: red;}

2

p[alt="blue-text"] {color: blue;}

دقت داشته باشيد که مي توان از همه صفت هاي موجود استفاده کرد حتي class و id به طور مثال :

.blue-text {color: blue;}

کار يکساني را انجام مي دهند. البته فقط مرورگرهاي مدرن و ie9+ از همه ي صفت ها پشتيباني مي کنند مرورگرهاي قديمي فقط از تگ input، صفت type پشتيباني مي کنند.

بسيار خب اموزش اين جلسه به پايان رسيد