سه شنبه , ۹ خرداد ۱۳۹۶
جدیدترین آموزش ها
خانه » فیلم آموزش CSS » فیلم آموزش رایگان CSS3 قسمت ۶۵(selection & after & before & clearfix)

فیلم آموزش رایگان CSS3 قسمت ۶۵(selection & after & before & clearfix)

سلام
در جلسه شصت و پنج css3 ابتدا در رابطه با استايل دهي متون select شده توسط موس صحبت مي کنيم و با استفاده از سلکتور :selection متون انتخاب شده را استايل مي دهيم سپس به سراغ کلاس هاي کاذب after و before ميرويم و پراپرتي content را توضيح مي دهيم و مثال هايي را براي کاربرد اين کلاس بيان مي کنيم و و در پايان تکنيک حرفه اي clearfix را توضيح مي دهيم.

آموزش selection-css3

آموزش css3

selection in css

سلام

در جلسه شصت و پنج css3 ابتدا در رابطه با استايل دهي متون select شده توسط موس صحبت مي کنيم و با استفاده از سلکتور :selection متون انتخاب شده را استايل مي دهيم سپس به سراغ کلاس هاي کاذب after و before ميرويم و پراپرتي content را توضيح مي دهيم و مثال هايي را براي کاربرد اين کلاس بيان مي کنيم و و در پايان تکنيک حرفه اي clearfix را توضيح مي دهيم.

 

Using your cursor select this sentence. Notice how as you select the text a background color fills the space? You can change the background color and color of selected text by styling ::selection. Styling this pseudo element is great for matching user-selected text to your sites color scheme.
One of the most helpful uses for ::selection is turning off a text-shadow during selection. A text-shadow can clash with the selection’s background color and make the text difficult to read. Set text-shadow: none; to make text clear and easy to read during selection.You might notice the effect is not so smooth in some browsers. Let’s file that demo under: things that are possible, but probably just for fun.
One of the most helpful uses for ::selection is turning off a text-shadow during selection. A text-shadow can clash with the selection’s background color and make the text difficult to read. Set text-shadow: none; to make text clear and easy to read during selection.
Only a small subset of CSS properties can be used in a rule using ::selection in its selector: color, background-color, cursor, outline, text-decoration, text-emphasis-color and text-shadow. Note that, in particular, background-image is ignored, like any other property.
The ::selection CSS pseudo-element applies rules to the portion of a document that has been highlighted (e.g. selected with the mouse or another pointing device) by the user.

 

   دانلود

درباره ی مدیر-محسن پور

من مهیار محسن پور هستم. علاقه شدیدی به طراحی وب مخصوصا به کد نویسی سمت سرور دارم . به زبان های html,css,javascript,jquery,php تسلط دارم. 6 ساله برنامه نویسی می کنم و شروع برنامه نویسیم هم با اسمبلی بوده. به برنامه سازی سیستم علاقه خاصی دارم چون حس میکنم درک بالایی از کامپیوتر به انسان میده. با زبان #C اشنایی دارم و برای یک پروژه دانشگاهی با این زبان قدرتمند بازی طراحی کردم. برای گوشی های دارای سیستم عامل اندروید برنامه طراحی کردم و تا حدودی با برنامه نویسی اندروید هم اشنا هستم. تو حوزه IT و امنیت مدت کوتاهی فعالیت کردم و به نسبت با شبکه اشنا هستم.

4 دیدگاه

  1. س
    سما - رتبه بر اساس تعداد نظرات : خواننده

    سلام..
    ممنون از آموزشهای خوبتون،
    من هنوز کل آموزشها رو نگاه نکردم، پس ببخشید اگر سوالم تکراری است.
    میخواستم بدونم در این آموزشها در مورد Responsive کردن طراحی هم، صحبتی شده؟

    • م
      مدیر-محسن پور - رتبه بر اساس تعداد نظرات : تحلیلگر ویژه

      سلام
      متشکرم
      در قسمت آخر در مورد media query صحبت شده که شاید پایه اصلی ریسپانسیو رو تشکیل بده ولی خب کفایت نمیکنه به خودی خود برای طراحی ریسپانسیو
      برای همین دوره بوت استرپ رو در نظر گرفتم و تو اون داره یک سایت ریسپانسیو برای تمامی صفحه نمایش ها طراحی کردم

  2. ر
    رویا - رتبه بر اساس تعداد نظرات : خواننده

    با سلام
    امکانش هست که کد منویی که نوشتم رو بفرستم و بعد اشکال رو مطرح کنم؟

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *