English | فارسی
menu

قوانین CSS

CSS ها ساختارهای ساده ای دارند و از تعدادی کلمات کلیدی انگلیسی برای مشخص کردن ویژگیهای مختلف در طراحی استفاده می کنند. یک CSS از تعدادی قوانین تشکیل شده است. هر یک از این قوانین، از یک یا تعداد بیشتری انتخاب کننده یا selector تشکیل شده است و هر کدام از آنها دارای یک بلوک توصیف هستند. بلوک توصیف، از تعدادی توصیف تشکیل شده است که همه آنها درون یک بلوک آکلاد ({}) قرار گرفته اند. هر توصیف به خودی خود، از یک مشخصه یا property، یک کالن (:)، و یک مقدار تشکیل شده است. چنانچه چندین توصیف در یک بلوک وجود داشته باشد، از سمی کالن (;)، برای جداسازی آنها استفاده می شود.

در CSS، انتخاب کننده ها مشخص می کنند که ویژگیهای طراحی، به کدام تگ یا المان می بایست اعمال شوند. انتخاب کننده ها همچنین می توانند به تمان المانهای یک آیتم خاص در صفحه اعمال شوند و یا می توانند تنها به المانهایی که ویژگیهای مشخصی را دارند اعمال شوند. المانها ممکن است بسته به اینکه در صفحه، به چه نحوی نسبت به هم قرار گرفته اند، با یکدیگر منطبق شوند. ارتباط المانهای والد و فرزند نیز در صفحات سایت ها می تواند به نوعی انطباق محسوب شود.

شبه کلاسها نوعی دیگری از ویژگیهایی هستند که در CSS ها مورد استفاده قرار می گیرند تا به المانهای روی صفحه، هویت بخشند. در برخی حالات، از ID های یکتا برای اعمال بلوکی از CSS ها استفاده می شود. یکی از مرسوم ترین مثالها در این مورد، شبه کلاسها، کلاس :hover است که هنگامیکه کاربر موس خود را روی المانی می برد، کلاس خاصی را به آن المان اعمال می کند. این کلاس، به انتخاب کننده ای متصل می شود نظیر a:hover و یا #elementid:hover. بعنوان مثالهای دیگر، می توان به شبه کلاسها و شبه المانهای :first-line و :visited یا :before اشاره کرد.

شبه کلاسها، کل المانها را انتخاب می کنند. بعنوان مثال، :link یا :visited ، درحالیکه شبه المانها عناصری را انتخاب می کنند که ممکن است از المانهای ریزتری تشکیل شده باشند، نظیر :first-line یا :first-letter.

انتخاب کننده ها ممکن است به شکلهای دیگری نیز با هم ترکیب شوند تا انعطاف پذیری بیشتری بدست آید، بویژه در CSS 2.1.

مثال زیر، کل قوانین بالا را در خود خلاصه کرده است:

selector [, selector2, ...] [:pseudo-class] {
      property: value;
     [property2: value2;
     ...]
}
/* comment */

مقالات دیگر ما را نیز بخوانید:

کپی برداری از مطالب این سایت، تنها با دادن لینک مجاز می باشد.
جستجو در وب سایت
جستجو
تبلیغات در وب سایت
گالری تصاویر، آلبوم عکس، با انیمیشن های بی نظیر
تالار گفتگو، گفتگوی آنلاین، ارسال ایمیل
مدیریت اخبار، مقالات، محصولات و تبلیغ ها
نرم افزارهای مدیریت محتوا، عکس ها، اخبار و غیره...
فروشگاه های آنلاین، پرداخت آنلاین، سبد خرید و تکمیل سفارش
جستجو در سایت، محتویات، صفحات و محصولات
طراحی نرم افزار های تحت وب و ویندوز
بهینه سازی برای موتورهای جستجو
طراحی تبلیغات، بروشور، کاتالوگ و محصولات
طراحی بنر، ویرایش، خلق تصاویر و افکت گذاری بر روی تصاویر
تجارت الکترونیک، و IT

طراحی وب سایت نویا سیستم






سخن روز

  • برای اطمینان از اینکه کارآمد ترین پروسه در طراحی یا تولید نرم افزار واسط گرافیکی بکار رفته است، روش خاصی برای این منظور استفاده خواهیم کرد. به این ترتیب که بجای آنکه نرم افزار واسط گرافیکی مورد نیازتان را در آخر به شما تحویل دهیم، آنرا آرام آرام طراحی می کنیم و هر مرحله، نسخه بروز شده ای به شما ارائه می دهیم. با هر نسخه، بخشی خاص از نیازهای شما، به نرم افزار اضافه شده است. ضمن آنکه بسیاری از ایرادات یا اشکالات نرم افزاری، بر اساس باز خوردهایی که شما تهیه می کنید، بر طرف خواهند شد. بااین روش، سرانجام به محصول نهایی خواهیم رسید که کلیه نیازهایتان را برآورده خواهد کرد.
    1395/9/20

bottomline
Av. Shariati, Khajenasir st. P 233, No.5 Tehran, Iran.
(98) 21-77646140