لیست همه کلیدهای این موضوع
-
نکاتی برای قبل از شروع یادگیری CSS - شروع یادگیری CSS
- شیوه های به کار بردن کدهای CSS
- تعیین رنگ فونت ها، با مشخصه color ، در CSS
- مشخصه class برای کلاس بندی بخش های مورد نظرمان برای اجرای کد CSS
- مشخصه id برای تعیین بخش مورد نظرمان برای اجرای کدهای CSS
- margin ، padding و border ، در CSS
- انتخاب عنصرهای از نوع های مختلف (تعیین ویژگی های مشترکی برای چند عنصر از نوع های مختلف، به صورت همزمان)، با عبارت مشابه body, div, p, a ، در CSS
- حالت های مختلف برای تعیین ویژگی های عنصرهای یک صفحه، به صورت ترکیب سه مورد ((تمامی عنصرهای از آن نوع در صفحه))، ((عنصری از آن نوع با یک id خاص)) و ((عنصرهای از آن نوع و متعلق به یک کلاس (class)))، در CSS
- انتخاب نوع فونت (قلم - Font) برای نمایش متن ها، با مشخصه font-family ، در CSS
- تعیین یک فونت (قلم - Font) خاص (که فایل های آن را داشته باشیم) برای نمایش متن ها، با قاعده @font-face و مشخصه font-family ، در CSS
- تعیین اندازه متن ها، با مشخصه font-size ، در CSS
- انتخاب نوع نمایش متن ها، با مشخصه font-style ، در CSS
- تعیین فرم های خاص برای نمایش متن، با مشخصه text-decoration ، در CSS
- تعیین نحوه قرارگیری متن در جهت افقی، با مشخصه text-align ، در CSS
- در وسط قرار دادن (به صورت افقی) یک متن (Text)، با مشخصه text-align:center ، در CSS
- تغییر ویژگی های متن، هنگام انتخاب متن (رنگ متن و رنگ پس زمینه آن)، با شبه عنصرهای ::selection و ::-moz-selection ، در CSS
- تعیین فاصله بین کاراکترها (Character) در متن (Text)، با مشخصه letter-spacing ، در CSS
- تعیین فاصله بین کلمه ها (Word) در متن (Text)، با مشخصه word-spacing ، در CSS
- ایجاد تورفتگی خط اول پاراگراف (Text Indent)، با مشخصه text-indent ، در CSS
- نمایش تمام حروف یک متن (Text)، با حروف کوچک (Lowercase) یا حروف بزرگ (Uppercase)، با مشخصه text-transform:lowercase یا text-transform:uppercase ، در CSS
- تبدیل اولین حرف (Letter) از متن درون یک عنصر (Element) به حرف کوچک (Lowercase)، با مشخصه text-transform: lowercase و شبه عنصر first-letter:: ، در CSS
- تبدیل اولین حرف (Letter) از متن درون یک عنصر (Element) به حرف بزرگ (Uppercase)، با مشخصه text-transform: uppercase و شبه عنصر first-letter:: ، در CSS
- نمایش حرف اول کلمه های (Word) متن (Text)، با حرف بزرگ (Capitalize)، با مشخصه text-transform:capitalize ، در CSS
- نمایش ادامه یک متن طولانی به هم چسبیده (مثل کلیییییییییییییییییییییییییییییییییییدستان)، در خط جدید، با مشخصه word-wrap:break-word ، در CSS
- تعیین اندازه ارتفاع (Height) و عرض (Width) یک عکس (Image)، با مشخصه های height و width ، در CSS
- نمایش خطوط حاشیه (Border) برای یک عکس (Image)، با مشخصه border ، در CSS
- در وسط قرار دادن (به صورت افقی) یک عکس (Image)، با مشخصه های display:block و margin:auto ، در CSS
- نمایش یک عکس در پس زمینه یک عنصر، با مشخصه background-image ، در CSS
- نمایش عکس ها (Image) به صورت نیمه شفاف (Transparent)، با مشخصه های opacity و filter:alpha ، در CSS
- پوشاندن یک عکس پس زمینه (Background Image)، با یک رنگ (Color) خاص، با تعریف یک تگ div جدید و مشخصه های background-color و opacity ، در CSS
- تیره تر شدن یک عکس پس زمینه (Background Image)، در هنگام بردن موس بر روی آن عکس پس زمینه (Background Image)، با تعریف یک تگ div جدید و مشخصه های background-color و opacity ، در CSS
- انتخاب تکرار چندم (تکرار اول یا دوم یا سوم یا ...) یک عنصر خاص در صفحه، با انتخابگر nth-child ، به شکل مشابه (nth-child(2 ، در CSS
- انتخاب شماره هایی (مثلا اول و چهارم و هفتم و ...) از تکرارهای یک عنصر خاص (به ترتیب قرارگیری در صفحه)، بر اساس یک فرمول دنباله ریاضی (بر حسب …,n=0,1,2,3)، با انتخابگر nth-child ، به شکل مشابه (nth-child(3n+1 ، در CSS
- انتخاب چند تکرار اول یک عنصر خاص در صفحه (مثلا 4 تکرار اول)، با منفی قرار دادن n در دنباله ریاضی تعیین کننده شماره متناظر با تکرارهای عنصر (مثل n+4-)، با انتخابگر nth-child ، به شکل مشابه (nth-child(-n+4 ، در CSS
- انتخاب همه تکرارهای یک عنصر خاص در صفحه، به جز چند تکرار اول آن (مثلا همه تکرارها به جز 4 تکرار اول)، با انتخابگر nth-child ، به شکل مشابه (nth-child(n+5 ، در CSS
- انتخاب شماره های زوج یا فرد از تکرارهای یک عنصر خاص در صفحه، با انتخابگر nth-child ، به شکل های (nth-child(even و (nth-child(odd یا شکل های (nth-child(2n و (nth-child(2n+1 ، در CSS
- انتخاب بچه های مستقیم (Direct Children) از یک نوع خاص (مثلا همه بچه های مستقیمی (Direct Children) که تگ span می باشند)، با علامت < ، در CSS
- انتخاب عنصرهای بدون محتوا (Content)، با انتخابگر empty: ، در CSS
- انتخاب عنصرهایی که حتما دارای محتوا (Content) می باشند (عدم انتخاب عنصرهای بدون محتوا (Content))، با انتخابگرهای empty: و not: ، با عبارت :not(:empty) ، در CSS
- انتخاب اولین حرف (Letter) از متن درون یک عنصر (Element)، با شبه عنصر first-letter:: ، در CSS
کلیدهای مرتبط از دسته بندی های دیگر، با اولویت بالا
- انتخاب یک عنصر از صفحه، بر اساس id آن عنصر، با روش document.getElementById ، در JavaScript
- انتخاب همه عنصرهایی (Element) از صفحه که دارای یک کلاس (Class) خاص می باشند، با روش document.getElementsByClassName ، در JavaScript
- انتخاب همه عنصرهایی (Element) از صفحه که دارای دو یا چند کلاس (Class) خاص می باشند، با روش document.getElementsByClassName ، در JavaScript
- به دست آوردن فهرست عنصرهای بچه (Child Element) یک عنصر (Element)، با مشخصه children ، در JavaScript
- به دست آوردن فهرست گره های بچه (Child Node) یک گره (Node)، با مشخصه childNodes ، در JavaScript
- به دست آوردن documentElement یک سند (Document) (عنصر html برای یک سند HTML)، با مشخصه document.documentElement ، در JavaScript
- به دست آوردن مجموعه (Collection) همه عنصرهای applet موجود در سند (Document)، با مجموعه document.applets ، در JavaScript
- اشاره به اولین مورد از یک عنصر خاص در صفحه، با :first ، در jQuery
- اشاره به شماره های زوج یا فرد از یک عنصر خاص در صفحه، با :even یا :odd ، در jQuery
کلیدهای مرتبط از دسته بندی های دیگر
کلیدهای مرتبط از دسته بندی های دیگر، با اولویت بالا
کلیدهای مرتبط از دسته بندی های دیگر
- تعیین نحوه چیدمان عناصر صفحه بر روی یکدیگر، با مشخصه z-index ، در CSS
- در وسط قرار دادن (به صورت افقی) یک عنصر بلوکی (Block Element) (مثل div)، با مشخصه margin:auto ، در CSS
- معکوس کردن ترتیب قرارگیری عنصرهای (Element) بچه (Child) درون یک عنصر (Element) والد (Parent) (عنصر سطح بالاتر)، با مشخصه های display: flex و flex-direction: column-reverse ، در CSS
- نیمه شفاف نمایش دادن یک عنصر، با مشخصه های filter:alpha و opacity ، در CSS
- چرخش (Rotation) یک عنصر، به یک اندازه مشخص (بر حسب درجه (Degree))، با مشخصه های transform:rotate و ms-transform:rotate- و webkit-transform:rotate- ، در CSS
- چرخش (Rotation) یک عنصر به صورت کج شدن (Skew) نسبت به محور X ، به یک اندازه مشخص (بر حسب درجه (Degree))، با مشخصه های transform:skewX و ms-transform:skewX- و webkit-transform:skewX- ، در CSS
- چرخش (Rotation) یک عنصر به صورت کج شدن (Skew) نسبت به محور Y ، به یک اندازه مشخص (بر حسب درجه (Degree))، با مشخصه های transform:skewY و ms-transform:skewY- و webkit-transform:skewY- ، در CSS
کلیدهای مرتبط از دسته بندی های دیگر
- نیمه شفاف نمایش دادن یک عنصر، با مشخصه های filter:alpha و opacity ، در CSS
- چرخش (Rotation) یک عنصر، به یک اندازه مشخص (بر حسب درجه (Degree))، با مشخصه های transform:rotate و ms-transform:rotate- و webkit-transform:rotate- ، در CSS
- چرخش (Rotation) یک عنصر به صورت کج شدن (Skew) نسبت به محور X ، به یک اندازه مشخص (بر حسب درجه (Degree))، با مشخصه های transform:skewX و ms-transform:skewX- و webkit-transform:skewX- ، در CSS
- چرخش (Rotation) یک عنصر به صورت کج شدن (Skew) نسبت به محور Y ، به یک اندازه مشخص (بر حسب درجه (Degree))، با مشخصه های transform:skewY و ms-transform:skewY- و webkit-transform:skewY- ، در CSS
- تعیین نحوه چیدمان عناصر صفحه بر روی یکدیگر، با مشخصه z-index ، در CSS
- در وسط قرار دادن (به صورت افقی) یک عنصر بلوکی (Block Element) (مثل div)، با مشخصه margin:auto ، در CSS
- معکوس کردن ترتیب قرارگیری عنصرهای (Element) بچه (Child) درون یک عنصر (Element) والد (Parent) (عنصر سطح بالاتر)، با مشخصه های display: flex و flex-direction: column-reverse ، در CSS
- تغییر رنگ پس زمینه یک عنصر div ، با اشاره موس و به صورت سریع، با شبه کلاس :hover و مشخصه background-color ، در CSS
- تغییر رنگ پس زمینه یک عنصر div ، با اشاره موس و به صورت تدریجی، با استفاده از انتقال (transition)، با شبه کلاس :hover و مشخصه های transition-property و transition-duration و background-color ، در CSS
- تغییر رنگ پس زمینه و اندازه عرض یک عنصر div، با اشاره موس و به صورت تدریجی (به شکل انیمیشن)، با استفاده از انتقال (transition)، با شبه کلاس :hover و مشخصه های transition-property و transition-duration و background-color و width ، در CSS
- بزرگ شدن تدریجی (به شکل انیمیشن) یک عنصر div ، هنگام بردن موس بر روی آن، با شبه کلاس :hover و مشخصه های -webkit-transition-property و -webkit-transition-duration و height و width ، در CSS
- ایجاد یک تاخیر (delay)، هنگام استفاده از انتقال (transition)، با مشخصه transition-delay ، در CSS
- طراحی بخش های ثابت در کنار صفحه که با اشاره موس، به داخل صفحه می آیند، در CSS
- تغییر ویژگی های لینک ها (links)، با شبه کلاس :link ، در CSS
- تغییر ویژگی های یک لینک (link)، در صورتی که کاربر قبلا به آدرس مربوط به آن مراجعه کرده باشد، با شبه کلاس :visited ، در CSS
- تغییر ویژگی های یک لینک (link)، در لحظه کلیک کاربر بر روی آن، با شبه کلاس :active ، در CSS
- تغییر ویژگی های یک لینک (link) هنگامی که کاربر موس خود را بر روی آن می برد، با شبه کلاس :hover ، در CSS
- حذف خط زیر لینک ها (links)، با مشخصه text-decoration ، در CSS
- ساخت یک لینک (Link) برای تمام مساحت یک عنصر div ، با تگ a و مشخصه display:block ، در CSS
- ساخت لینک لنگر (anchor)، در HTML
- ساخت یک لینک (Link) به صورتی که وب سایتی که به آن لینک می دهیم، پس از کلیک کاربر، نداند که لینک در وب سایت ما بوده است (عدم شناسایی ارجاع دهنده (Referrer))، بر اساس تگ a ، با مشخصه rel="noreferrer" ، در HTML
- رفتن به یک لینک (Link)، با استفاده از کلید میانبر (Shortcut key)، با مشخصه accesskey ، در HTML
- تعیین محل تعریف (Define) اولیه از یک اصطلاح (Term) در بخشی از متن (Text) صفحه (بخشی که در آن، اصطلاح توسط متن، تعریف شده)، برای ارجاع به آن محل تعریف اولیه در سایر بخش های متن (Text) صفحه (مثلا با ساخت لینک (Link))، با تگ dfn ، در HTML
- لینک دار کردن خانه های یک جدول، در HTML
- کلیک کردن بر روی یک لینک (Link) از صفحه، با کدنویسی، با روش click ، در JavaScript
- به دست آوردن مجموعه (Collection) همه عنصرهای a موجود در سند (Document) که دارای مشخصه name می باشند، با مجموعه anchors ، در JavaScript
- به دست آوردن مجموعه همه لینک های (Link) موجود در سند (عنصرهای a و area شامل مشخصه href)، با مجموعه document.links ، در JavaScript
- به دست آوردن مجموعه همه لینک های (Link) موجود در سند (عنصرهای a و area شامل مشخصه href) که یک عبارت خاص در آنها وجود دارد، با مجموعه document.links و includes ، در JavaScript
- به دست آوردن تعداد لینک های (Link) موجود در سند (عنصرهای a و area شامل مشخصه href)، با document.links.length ، در JavaScript
کلیدهای مرتبط از دسته بندی های دیگر، با اولویت بالا
کلیدهای مرتبط از دسته بندی های دیگر
- تعیین رنگ فونت ها، با مشخصه color ، در CSS
- پوشاندن یک عکس پس زمینه (Background Image)، با یک رنگ (Color) خاص، با تعریف یک تگ div جدید و مشخصه های background-color و opacity ، در CSS
- تیره تر شدن یک عکس پس زمینه (Background Image)، در هنگام بردن موس بر روی آن عکس پس زمینه (Background Image)، با تعریف یک تگ div جدید و مشخصه های background-color و opacity ، در CSS
- رنگی کردن ردیف های (rows) یک جدول (table)، به صورت یک در میان، با tr:nth-of-type(odd) ، در CSS
- رنگی کردن (Highlight کردن) ردیف های (Row) یک جدول (Table)، هنگام بردن موس بر روی آنها، با مشخصه background-color ، در CSS
- رنگی کردن (Highlight کردن) بخشی از یک متن، با تگ mark ، در HTML
کلیدهای مرتبط از دسته بندی های دیگر، با اولویت بالا
- ساخت لیست توصیفی (description list)، با تگ های dl و dd و dt ، در HTML
کلیدهای مرتبط از دسته بندی های دیگر، با اولویت بالا
- نمایش خطوط حاشیه (Border) برای تمامی سلول های (Cell) جدول (Table) و کل جدول (Table)، با مشخصه border ، در HTML
- نمایش عنوان (زیرنویس - Caption) برای یک جدول (Table)، با تگ caption ، در HTML
- ساخت بخش شامل محتوای عنوان (سرتیتر - Header) یک جدول (Table)، با تگ thead ، در HTML
- ساخت بخش شامل محتوای بدنه (Body) یک جدول (Table)، با تگ tbody ، در HTML
- ساخت بخش شامل محتوای پاورقی (Footer) یک جدول (Table)، با تگ tfoot ، در HTML
- تعیین ویژگی های گروهی (Group) از ستون ها (Column) در یک جدول (Table)، با تگ های colgroup و col ، در HTML
- لینک دار کردن خانه های یک جدول، در HTML
کلیدهای مرتبط از دسته بندی های دیگر، با اولویت بالا
- گروه بندی کردن عنصرهای (Element) مرتبط موجود در یک فرم (Form)، با تگ های fieldset و legend ، در HTML
- تعیین اجباری بودن وارد کردن مقدار در یک فیلد (Field) از فرم (Form)، با عبارت required ، در HTML
- غیر فعال کردن یک تگ input (یا تگ های دیگر) از فرم (Form)، با مشخصه disabled ، در HTML
- عدم امکان تغییر مقدار یک فیلد (Field) از فرم (Form) توسط کاربر (مقدار فیلد (Field) به کاربر نمایش داده می شود) (مقدار فیلد (Field) به صفحه پردازش ارسال می شود)، با مشخصه readonly="true" ، در HTML
- عدم نمایش پیشنهادهای (Suggestion) (مقادیر قبلا وارد شده) یک فیلد (Field) از فرم (Form)، با مشخصه autocomplete="off" ، در HTML
- استفاده از textarea در فرم HTML
- قرار دادن یک دکمه در فرم (Form) برای به حالت اولیه برگرداندن (Reset کردن) مقدار همه فیلدهای (Field) فرم (Form)، با مشخصه type="reset" در تگ input ، در HTML
- انتخاب همه متن درون یک textarea ، هنگام کلیک در آن، در HTML
- تغییر رنگ پس زمینه کادر یک عنصر textarea در فرم (Form)، در HTML
- نمایش یک متن پیش فرض، در عنصر textarea در فرم (Form)، در HTML
- تعیین حداکثر تعداد کاراکتری که کاربر می تواند در یک جعبه متن (text box) (عنصر input) از فرم (Form) وارد کند، در HTML
- تعیین حداکثر تعداد کاراکتری که کاربر می تواند در یک textarea از فرم (Form) وارد کند، در HTML
- ساخت یک لیست بازشو (drop-down list) (عنصر select) در یک فرم (form)، با تگ های select و option ، در HTML
- ساخت یک لیست بازشو (drop-down list) (عنصر select) با یک گزینه پیش فرض (pre-selected value)، در یک فرم (form)، با تگ های select و option و مشخصه selected ، در HTML
- ساخت تعدادی گزینه از پیش تعریف شده برای تگ ورودی input در فرم (Form) (با حفظ امکان نوشتن ورودی دلخواه)، با تگ datalist ، در HTML
- عدم نمایش پیشنهادها (Suggestion)، در یک تگ input ، با مشخصه "autocomplete="off ، در HTML
- عدم نمایش کاراکترهای وارد شده در یک تگ input ، به هنگام دریافت رمز عبور (Password) از کاربر، با مشخصه type="password" ، در HTML
- به کار بردن تگ input به صورت دکمه (Button) (مثلا برای اجرای یک سری کد JavaScript در هنگام کلیک شدن)، با مشخصه type="button" ، در HTML
- ساخت یک فیلد (Field) در فرم (Form)، به صورت انتخاب کننده رنگ (Color Picker)، با مشخصه type="color" در تگ input ، در HTML
- تغییر رنگ پس زمینه گزینه های (item های - option های) یک عنصر select (لیست بازشو) در فرم (Form)، در HTML
- تعیین اینکه فیلد (field) مربوط به انتخاب فایل در فرم (form)، مخصوص انتخاب فایل های عکس باشد، با مشخصه accept="image/*" ، در HTML
- دریافت مقدار یکی از فیلدهای (Field) یک فرم (Form)، با روش document.forms.value ، در JavaScript
- submit کردن یک فرم (Form)، با روش document.getElementById.submit ، در JavaScript
- استفاده از لینک (تگ a) به جای دکمه (Button)، برای Submit کردن فرم (Form)، با روش submit ، در JavaScript
- تغییر گزینه (Option) انتخاب شده در یک عنصر select ، با مشخصه selectedIndex ، در JavaScript
- تعیین اجرا شدن مقداری کد JavaScript دلخواه، در هنگام تغییر مقدار وارد شده توسط کاربر در یک عنصر (Element)، با رویداد oninput ، در JavaScript
- تعیین اجرا شدن مقداری کد JavaScript دلخواه، در هنگام تغییر مقدار (Value) یک عنصر (Element) و پس از برداشته شدن تمرکز (Focus) از روی آن عنصر (Element)، با رویداد onchange ، در JavaScript
- تعیین اجرا شدن مقداری کد JavaScript دلخواه، در هنگام غلط بودن مقدار ورودی یک عنصر input در زمان submit کردن فرم (Form)، با رویداد oninvalid ، در JavaScript
- تعیین اجرا شدن مقداری کد JavaScript دلخواه، در هنگام ارسال (Paste) کردن مقداری محتوا (مثل متن) در یک عنصر (Element)، با رویداد onpaste ، در JavaScript
- تعیین اجرا شدن مقداری کد JavaScript دلخواه، در هنگام انتخاب (Select) کردن مقداری متن (Text) در عنصر (Element)، با رویداد onselect ، در JavaScript
- تعیین اجرا شدن مقداری کد JavaScript دلخواه، در هنگام فشار دادن کلید ENTER یا کلیک بر روی دکمه x در یک عنصر input با مشخصه type="search" ، با رویداد onsearch ، در JavaScript
- به دست آوردن فهرست همه عنصرهای input در فرم (Form) (همه فرم های صفحه و یا تنها یک فرم خاص در صفحه)، با روش getElementsByTagName ، در JavaScript
- پردازش بر روی اطلاعات دریافتی از فرم ها (Form) (در حالت ارسال مقادیر فرم با روش POST)، در PHP
- ارسال مقادیر یک فرم به صفحه پردازش اطلاعات فرم، با روش GET ، در PHP
- ارسال مقدار یک متغیر PHP ، با فرم (Form)، به صورت مخفی (hidden) و با روش POST ، در PHP
- تشخیص خالی (بدون مقدار) بودن یک فیلد (Field) از فرم (Form) که بر اساس روش GET یا POST به صفحه ارسال شده، با تابع empty ، در PHP
- تشخیص ارسال شدن یک متغیر (Variable) به صفحه، بر اساس روش GET یا POST (مثل ارسال شدن مقدار یک فیلد (Field) از فرم (Form) به صفحه)، با تابع isset ، در PHP
- چک کردن انتخاب یا عدم انتخاب فایل توسط کاربر، برای فیلد (field) مربوط به انتخاب فایل در فرم (form)، در PHP
- افزایش حداکثر تعداد متغیرهای (Variable) ارسال شده توسط روش POST (یا حداکثر تعداد فیلدهای (Field) یک فرم (Form) بر اساس روش POST)، در PHP
- ذکر کردن کلاس هایی (Class) برای تگ input (یا تگ های دیگر) از فرم (Form)، با دستور دهنده ng-model ، در AngularJS
- به دست آوردن وضعیت یک تگ input (یا تگ های دیگر) از فرم (Form)، با دستور دهنده ng-model ، در AngularJS
- چک کردن نوع ورودی یک فیلد از فرم (Form Field)، بر اساس مواردی مثل عدد (Number) بودن، ایمیل (Email) بودن و یا اجبار برای وارد کردن یک مقدار در فیلد (Field)، با دستور دهنده ng-model ، در AngularJS
کلیدهای مرتبط از دسته بندی های دیگر، با اولویت بالا
کلیدهای مرتبط از دسته بندی های دیگر
کلیدهای مرتبط از دسته بندی های دیگر
- عدم نمایش اسکرول بار (Scrollbar)، با مشخصه های overflow:hidden یا overflow-y:hidden یا overflow-x:hidden ، در CSS
- ساخت منوی شناور (Floating Menu)، در CSS
- تعیین دو نوع نمایش برای صفحه، یکی هنگام نمایش صفحه در کامپیوتر و دیگری برای پرینت (print) صفحه، با قاعده @media ، در CSS
- تغییر شکل موس، با مشخصه cursor ، در CSS