افكت هاي هاور

از اين تكنيك CSS براي دكمه ها، طراحي سايت در مشهد پيوند هاي متن، نصيب هايي از وب سايت، آيكون ها و غيره استعمال ميشود. در حالتي كه ميخواهيد زماني يك شخص ماوس را بر روي چيزي حركت ميدهد رنگ آن تغيير‌و تحول پيدا نمايد، طراحي سايت از به عبارتي كد دستوري CSS به كارگيري نماييد، البته :hover را به آن اضافه نماييد و استايل آن را تغيير‌و تحول دهيد. مثلا:


اين امر به اين شكل شغل مي نمايد  راياپارس كه هنگامي شخصي بر روي تگ سرفصل شما (h2) مي رود، رنگ آن از مشكي به قرمز‌رنگ عوض ميشود. ahrefs زمينه ديدني در زمينه‌ي به كارگيري از :hover اين ميباشد كه ديگر نيازي وجود ندارد توشه ديگر اندازه ي فونت را معلوم فرمائيد (درصورتي كه نميخواهيد تغيير و تحول دهيد). اين امر تنها آن چيزي كه شما مشخص و معلوم مي‌كنيد را تغيير‌و تحول ميدهد.
Transitionبراي افكت هاي هاور، مانند منوها يا اين كه تصاوير سايت، حتماً نميخواهيد رنگ ها با‌گاز تغيير تحول نمايند. در اصلً ميخواهيد سرعت تغييرات را معدود نمائيد و اين به عبارتي جايي ميباشد كه خصوصيت Transition وارد بازي مي گردد.


اين امر CSS سبب ساز مي‌گردد كه به جاي اين كه رنگ نوشته سريعاً به قرمز‌رنگ تبديل خواهد شد، اين فعاليت 3 ثانيه به ارتفاع انجامد. اين كد منجر ميگردد كه افكت هاور براي بيننده شادي بخش خيس باشد.
7. حالت لينك و پيوند هاحالت لينك و پيوند ها موضوعي ميباشد كه بخش اعظمي از طراحان آن استايل ها را فراموش مي نمايند و سبب ساز ايرادات قابليت و امكان به كارگيري براي يوزرها مي‌شوند. كلاس كاذب :link مجموع پيوند هايي كه هنوز بر روي آن‌ها كليك نشده ميباشد را در اختيار گرفتن مي نمايد. كلاس كاذب :visited در دست گرفتن كل لينك و پيوند هايي كه شما اكنون بازديد نموده ايد را به دست مي‌گيرد. اين امر به بازديدكنندگان سايت ميگويد كه تا به اكنون در كجاي تارنما بوده اند و از كجاي آن هنوز بازديد نكرده اند.


8. تصاوير را به راحتي اندازه نمائيد.بعضي اوقات با وجود اينكه تصاوير صحيح مقياس بندي گرديده اند، ولي با اين وجود گشوده هم بايستي در يك پهنا مطلوب باشند و اين مسئله سبب مي‌گردد در تنگنا قرار بگيريد. يك روش آسوده براي اعمال اين فعاليت اين ميباشد كه از حداكثر پهنا براي در دست گرفتن آن به كار گيري كنيم. مثلا:


اين كد فرمان CSS به‌اين مضمون‌ ميباشد كه حداكثر تصوير قادر است 100% باشد و طول آن مبتني بر پهنا عكس به صورت خود كار به حساب آوردن گردد. در بعضا از مورد ها، شايد بدون چاره باشيد پهنا تصوير را 100% مشخص و معلوم فرماييد.
9. در اختيار گرفتن المان هاي يك قسمتبا به كار گيري از نمونه تصوير بالا، درصورتي كه ميخواهيد فقط تصاوير يك قسمت خاص (مانند تصاوير وبلاگ خويش) را آيتم غرض قرار داده و تغيير‌و تحول دهيد، از يك كلاس براي نصيب وبلاگ خويش به كار گيري نمائيد و آن را با سلكتور حقيقي وواقعي ادغام فرماييد. اين كد به شما اين قابليت و امكان را مي‌دهد تا تنها تصاوير نصيب وبلاگ را گزينش فرماييد و تصاوير قسمت هاي ديگر مانند لوگو فارغ از تغيير‌و تحول باقي خواهند ماند. در اينجا مي‌بينيم كه كد CSS چطور خواهد بود:


10. Direct Childrenدر صورتي اين ترفند را از اولِ شناخت با CSS بدانيد، بسيار عالي خواهد بود. اين فرمان مجال متعددي را براي شما ذخيره خواهد كرد! از > به كارگيري فرمائيد تا مستقيماً مفاد پايين تأثير يك المان را تعيين فرمائيد. مثلا:


اين امر CSS آحاد موادتشكيل دهنده لينك و پيوند فعالي كه سريعاً پايين Footer ID مي‌باشند را گزينش مي نمايد و چيزهايي ديگري كه در فوتر قراردارد را گزينش نمي نمايد. از اين امر مي قدرت براي توليد منوهاي ماهر به كار گرفت.