مرجع سوالات ساده html و css

[yasharhi]

با توجه به اینکه خیلی ها با مشکلات ساده html و css مواجه میشن و مجبورن یک تاپیک براش بزنند ( از جمله خودم ) به خاطر همین یک تاپیک ایجاد کردم که همه ی سوالات ساده html و css داخل همین باشه .

[yasharhi]

اولین سوال رو هم خودم میپرسم .

1-
position: relative
یعنی چی ؟

2- منظور از "after" و "before" در کد زیر چیه ؟
.box:before, .box:after

3- در کد زیر
transition: background-color 0.5s ease;

کار ease چیه ؟

[Omid Jackson]

جواب سوال اول (http://www.webtarget.ir/blog/css-positioning/)
جواب سوال دوم:
شما میتونین با این سلکتور ها به قبل و بعد آبجکتتون با content یه چیزایی اضافه کنین، مثلا یه نوشته
جواب سوال سوم:
به کمک ease شما انیمیشنی که درست کردین باعث میشه موقع شروع آروم و بعد یه مدت زمان تند و قبل از پایان هم آروم اجرا بشه
ببینین (http://w3schools.com/cssref/playit.asp?filename=playcss_animation-timing-function&preval=ease)

[yasharhi]

خاصیت
absolute
چه کاربردی داره ؟

[2undercover]

Absolute در معنی به معنی مطلق هست:

یعنی موقعیت اون شئ به صورت مطلق درون صفحه مشخص میشه (البته اگر یکی از اشیا والدش خاصیت Absolute یا Relative یا Fixed رو داشته باشه بر اساس اون تنظیم میشه) و کاری به بقیه شئ های اطرافش نداره!

[yasharhi]

اگر یک قالب رو با بوت استرپ طراحی کنم حتما ریسپانسیو خواهد بود ؟ ( تا حالا اصلا با بوت استرپ کار نکردم )

[2undercover]

اگه از آخرین نسخه (3) استفاده کنید به صورت پیش فرض بله ولی اگه از نسخه 2 استفاده کنید بستگی به خودتون داره!

[hkhalaj]

سلام کاربرد دو خط زیر در html چی هست و ایا نوشتنشون لازمه؟

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="robots" content="index, follow">

[refugee]

سلام کاربرد دو خط زیر در html چی هست و ایا نوشتنشون لازمه؟

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="robots" content="index, follow">
متا تگ چيست؟

زمانيكه يك موتور جستجو صفحه شما را پيدا مي كند. بايد آن را فهرست كند ( آن را به بانك اطلاعاتي قابل جستجوي خود اضافه كند ) البته همراه با اطلاعاتي از سايت شما. اكنون موتورهاي جستجوي زيادي از برچسبهاي <META> استفاده مي كنند. كه به شما اجازه مي دهد كلمات كليدي و توصيف صفحه خود را در آن قرار دهيد اين به شما كنترل بيشتر مي دهد تا صفحه شما در طول يك جستجو چگونه نمايش داده شود و اغلب باعث ترافيك بيشتر به سايت شما مي شود.

ادامه مطلب : http://www.yadbegir.com/main/internet/search%20grade.htm

در مورد متا اولی ندیدم تا حالا . ( اطلاعی ندارم )
ولی در مورد دومی " من فکر " میکنم داره میگه هر وقت رباط های جستجو اومد تو سایت فقط صفحه ایندکس ( صفحه نخست ) را دنبال کند و جستجو کند به بقیه صفحات وارد نشود . ( چیزی که من درک میکنم )

[2undercover]

سلام کاربرد دو خط زیر در html چی هست و ایا نوشتنشون لازمه؟

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="robots" content="index, follow">

متا تگ اولی اگر کاربر با IE وارد سایت شده باشه به IE میگه از استاندارد آخرین نسخه ی موجود استفاده بکنه!

[yasharhi]

کدی که عناصر html5 رو به مرورگر اینترنت اکسپلور می فهمونه چیه ؟ من از بوت استرپ استفاده میکنم ، قرار دادنش اجباریه ؟

[smksmk]

متا تگ دوم هم برای موتورهای جستجو هست که با index و follow یا برعکس اینا یعنی noindex و nofollow تعیین میکنید که مطالب سایت شما رو ایندکس کنه یا نکنه .
<meta name="robots" content="index, follow">

[yasharhi]

margin منفی ؟!
من امروز برای اولین بار توی یک سایت margin =-15 دیدم. اگر margin منفی باشه چکار میکنه ؟!

[Omid Jackson]

margin منفی ؟!
من امروز برای اولین بار توی یک سایت margin =-15 دیدم. اگر margin منفی باشه چکار میکنه ؟!
اگر مثلا margin-top باشه و مقدار -15 باشه فاصله رو از بالا کمتر میکنه
نگاه کنین (http://jsfiddle.net/OmidJackson/8g8QN/)

[alirezaoshz]

کار اینا چی هست ؟ :

:first-of-type
:last-of-type
:nth-of-type
:nth-last-of-type

:nth-last-child
:nth-child
:first-child
:last-child

:only-child
:only-of-type

[yasharhi]

کار اینا چی هست ؟ :

:first-of-type
:last-of-type
:nth-of-type
:nth-last-of-type

:nth-last-child
:nth-child
:first-child
:last-child

:only-child
:only-of-type
سلکتور های css3 هستن

[yasharhi]

گرادیانت برای بک گراند منو

من همیشه برای بک گراند منو از تک رنگ استفاده میکردم ولی الان میخواهم به صورت گرادیانت باشه مثلا اولش زرد کم رنگ باشه و رفته رفته پر رنگ تربشه چطور می تونم اینکار رو بکنم ؟!

[Omid Jackson]

از این سایت استفاده کنین
http://www.colorzilla.com/gradient-editor/

[yasharhi]

$ در ابتدای این کد چکار میکنه ؟


$color-alpha: #1abc9c;

[2undercover]

کلا وقتی $ قبل از property-name هست، باعث میشه تا اون استایل روی IE8 (شامل خودش نمیشه) به پایین کار کنه!