خانه / مقالات اموزشی / css (صفحه 2)

css

opacity و visibility در css

آموزش CSS

آموزش CSS (فصل دهم) : خاصیت های opacity ، visibility و cursor خصوصیت opacity با استفاده از خاصیت opacity می توان میزان شفافیت یک عنصر را کنترل کرد. قاعده کلی : [crayon-5c1645d08be9f422818729/]   مقدار پیشفرض : ۱ مقدار ۱ برای خاصیت opacity مشخص می کند که یک عنصر یا کاملا ناشفاف یا تیره ( مات ، کدر ، مبهم ، opaque)  باشد. و مقدار صفر برای ویژگی opacity تعیین میکند که عنصر کاملا نامرئی (invisible) باشد. مقدار opacity را باید ...

ادامه مطلب

display در css

آموزش CSS

آموزش CSS (فصل نهم) : طریقه نمایش و لایه بندی عناصر با استفاده از این خصوصیت می توان طریقه نمایش عناصر را تعیین کرد و یکی از ۲۲ مقدار زیر را می گیرد: [crayon-5c1645d08cb3d586336378/]   پر کاربرد ترین مقادیر در بین این ۲۵ مقدار : none : عدم نمایش عنصر (مخفی کردن) Block : نمایش عنصر (اگر مخفی بود) و این صورت که یک خط خالی قبل و بعد از خود ایجاد خواهد کرد. Inline : اگر این مقدار را ...

ادامه مطلب

خصوصیت position در css

آموزش CSS

آموزش CSS (فصل هشتم) : تعیین موقعیت عناصر موقعیت عناصر در صفحه Positioning به شما این امکان را می دهد که موقعیت هر عنصر را به دقت در یک سند مشخص کنید. می توان مشخص کرد که موقعیت یک عنصر به عنصر پدر خود وابسته باشد یا به پنجره ی مرورگر. با استفاده از positioning می توان یک عنصر را بر روی عنصر دیگر لایه بندی کرد. Positioning شامل خاصیت position و چهار مقدار left , right , bottom ,top ...

ادامه مطلب

آموزش CSS list style

آموزش CSS

آموزش CSS (فصل هفتم) : کار با لیست ها لیست ها عناصری با کاربرد های بسیار متنوع هستند. از جمله برای بخش navigation سایت و برای ایجاد کنترل های tab استفاده می شوند. Navigation معمولا شامل لیستی از لینک ها است، که دارای ویژگی های بصری می باشد و ثابت و خشک نیست، ما در این فصل به طریقه استایل دادن و معرفی خصوصیت هایی که برای کار با لیست ها در CSS استفاده میشود می پردازیم. خاصیت list-style-type با ...

ادامه مطلب

آموزش CSS خاصیت Float

آموزش CSS

آموزش CSS (فصل ششم) : شناور ساختن عناصر و تراز عمودی خاصیت Float  از این خاصیت برای شناور کردن عناصر و قرار دادن آن ها در کنار یکدیگر استفاده می شود و یکی از سه مقدار را می پذیرد : None : مقدار پیشفرض (هیچ) Left : عنصری که این خاصیت برای آن تخصیص یابد در سمت چپ صفحه و یا در سمت چپ عنصر پدر خود قرار خواهد گرفت و عناصر پس از آن نیز در کنار این عنصر ...

ادامه مطلب

آموزش CSS overflow,border-radius

آموزش CSS

آموزش CSS (فصل پنجم – جلسه ۲) : فضاهای اطراف عنصر در جلسه قبل شما را  با دو خصوصیت margin و border  آشنا کردیم، گفتیم که برای ایجاد فاصله بین یک عنصر و عناصر اطراف آن باید از خصوصیت margin استفاده کرد و برای ایجاد خط حاشیه دور عنصر نیز از خاصیت border استفاده می کنیم، گفتیم که با استفاده از border-width عرض خط حاشیه، border-color رنگ خط حاشیه و با استفاده از border-style طرح خط حاشیه را می توانیم ...

ادامه مطلب

آموزش CSS خصوصیت Border

آموزش CSS

آموزش CSS (فصل پنجم – جلسه ۱) : فضاهای اطراف عنصر سلام دوستان. امیدوارم که حالتون خوب باشه، مدتی بود سرگرم کاری بودم به همین دلیل آماده کردن این آموزش کمی طول کشید و یک عذر خواهی به شما عزیزان که این آموزش ها رو دنبال می کنید بدهکارم. اما به امید خدا دیگه همچین اتفاقی نمیوفته و مطالب سر وقت خودشون یعنی هر سه روز آماده می شن . خب حالا بریم سر اصل مطلب : در این قسمت ...

ادامه مطلب

آموزش CSS ( فصل چهارم)

آموزش CSS

آموزش CSS ( فصل چهارم) : کار با رنگ ها و تصویر زمینه خصوصیت Color با استفاده از این خاصیت می توان رنگ متن عناصر را تغییر داد. و به پنج طریق می توان آن را مقدار دهی کرد. استفاده از کلمات کلیدی : می توان از ۱۶ رنگ استاندارد برای مقدار دهی به color استفاده کرد عبارتند از: مثال: [crayon-5c1645d08e6c1272410527/]   استفاده از مبنای هگزا دسیمال  : رنگ ها را می توان بر مبنای عبارت متناظر آنها در مبنای ...

ادامه مطلب

آموزش CSS @font-face

آموزش CSS

آموزش CSS (فصل سوم – جلسه ۲) : قالب بندی متون خصوصیت text transform با استفاده از این خاصیت می توان کلمات (انگلیسی) را به حروف بزرگ یا حروف کوچک تبدیل کرد، و یکی از چهار مقدار زیر را می گیرد: Capitalize : اولین کاراکتر از هر کلمه را با حروف بزرگ نمایش می دهد. Uppercase: تمامی کاراکترهای یک کلمه را با حروف بزرگ نمایش می دهد. Lowercase :تمامی کاراکترهای یک کلمه را با حروف کوچک نمایش می دهد. None ...

ادامه مطلب

آموزش CSS text-decoration

آموزش CSS

آموزش CSS (فصل سوم – جلسه ۱) : قالب بندی متون خصوصیت direction این خاصیت مشابه صفت dir در تگ های HTML می باشد و برای تراز متن استفاده می شود، و یکی از ۲ مقدار زیر را می پذیرد: ltr : مقدار پیشفرض و متن را چپ چین می کند و معمولا برای متون انگلیسی است rtl : متن را راست چین می کند. و معمولا برای متون فارسی است خاصیت line-height با استفاده از این خاصیت می توان ...

ادامه مطلب
علی طاهری آموزشگاه طراحی سایت نوین آی تی 021-88283800 info(@)novin-it.net