۲۲
اسفند

جلسه ۶۷ : ایجاد منو و کار با before,after

دسته‌بندی‌ها :

جزئیات
نوع محتوافیلم آموزشی

قیمت149,000 تومان

افزودن به سبد خرید

با جلسه ۶۷ دوره آموزش طراحی وب در خدمت شما هستیم در این جلسه به آموزش کار با سلکتورهای before و after می پردازیم و در انتها به ساخت منو خواهیم پرداخت، همانطور که می دانید و یا بایستی بدانید این است که ما برای ساخت منو ها نیاز داریم که از سلکتور ها استفاده کنیم تا بتوانیم بخش های مورد نیازی که لازم است منوی خودمان را به جزئیات هر چه تمام تر ایجاد کنیم نیاز داریم.

شبه عناصر :before و :after همانگونه که از اسمشان مشخص است می توانند در ابتدا و انتهای یک عنصر، عنصر جدیدی را ایجاد کرده و به وسیله آن می توانیم تنظیمات بیشتری را بر روی استایل های html داشته باشیم.

مثال :

<span class="hljs-comment"><!-- HTML Code --></span>
	<span class="hljs-tag"><<span class="hljs-name">div</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"div-class"</span>></span>
		<span class="hljs-tag"><<span class="hljs-name">span</span>></span>This is before text.<span class="hljs-tag"></<span class="hljs-name">span</span>></span>
		This is main text.
		<span class="hljs-tag"><<span class="hljs-name">span</span>></span>this is after text.<span class="hljs-tag"></<span class="hljs-name">span</span>></span>
	<span class="hljs-tag"></<span class="hljs-name">div</span>></span>

<span>This is before text.</span>

This is main text.

<span>this is after text.</span>

</div>

مثال :

<span class="hljs-comment">/* CSS Code */</span>
<span class="hljs-selector-class">.div-class</span>{
	<span class="hljs-attribute">line-height</span>: <span class="hljs-number">20px</span>;
}
<span class="hljs-selector-class">.div-class</span> <span class="hljs-selector-tag">span</span>{
	<span class="hljs-attribute">display</span>: block;
}

/* CSS Code */

.div-class{

line-height: 20px;

}

.div-class span{

display: block;

}

توجه

این مطلب یک جلسه از آموزش طراحی وب می باشد که برای مشاهده کامل ویدیو های آموزشی و فایل های آن باید در دوره ثبت نام کنید.

ثبت نام در دوره

QR: جلسه ۶۷ : ایجاد منو و کار با before,after

به اشتراک بگذارید

دیدگاه کاربران

تعداد دیدگاه : 0

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)

جلسه ۶۷ : ایجاد منو و کار با before,after

توجه

لیست مطالب دوره

فصل اول : مقدمه و مفاهیم پایه دنیای وب

فصل دوم : مراحل آماده سازی و آشنایی با ابزارهای مورد نیاز

فصل سوم : قواعد نوشتاری و مفاهیم زبان های html و css

فصل چهارم : رنگ ها و اندازه ها در html

فصل پنجم : توضیحات در مورد تگ های html - html5 و نحوه کاربرد آنها

فصل ششم : قواعد نوشتاری و مفاهیم زبان CSS

فصل هفتم : سلکتورها در CSS

فصل هشتم : ویژگی های در CSS

فصل نهم : مفاهیم و آموزش های پیشرفته

فصل دهم : مباحث پایانی و جمع بندی بخش آموزش

فصل یازدهم : پروژه پایانی (فورس نیوز)

مطالب ویژه

دسته های اصلی

برگه ها

بلاگ