CSS Notes

  • Introduction

    __C__ascading __S__tyle __S__heets"},{"left":"Descrip

  • Selectors

    CSS selectors are used to \"find\" (or select) HTML elements based on their id, class, type, attribute, and more."},{"left":"Element S

  • Background

    CSS background properties are used to define the background effects of an element."},{"left":"Propertie

  • How to include

    - External\n- Internal\n- Inline"},{"left":"Ex

  • CSS Text

    - color\n- Alignment\n- Decoration\n- Transformation\n- Indentation"},{"left":"Col

  • CSS Fonts

    - font-family\n- font-style\n- font-variant\n- font-weight\n- font-size\n\n "},{"left":"fon

  • CSS Links

    - link\n- visited\n- hover\n- active"},{"left":"a:l

  • CSS Tables

    - border-collapse\n- border-space\n- caption-side\n- empty cells\n- table layout\n\n "},{"left":"bor

  • BoxModel


  • CSS Images

    - border\n- height\n- width\n- -moz-opacity"},{"left":"bor

  • CSS positioning

    - Static\n- Fixed\n- Relative\n- Absolute\n- Overlapping"},{"left":"Sta

  • CSS List

    - Ordered List\n- Unordered List"},{"left":"Pro

  • Display and Visibility

    - Display - specifies if/how an element is displayed\n- Visibility - specifies if an element should be visible or hidden."},{"left":"Hiding an Element

  • CSS Combinators

    A combinator is something that explains the relationship between the selectors."},{"left":"Types","right":"-

  • CSS Float

    Example","right":"If an image is floated to the right,\n\n[code]img {\n\nfloat: right;\n\n} [/code]"},{"left":"Floating Elements Next

  • Horizontal align

    horizontally align the block for the layout purpose"},{"left":"

  • Pesudo class

    A CSS pseudo-class is a keyword added to selectors that specifies a special state of the element to be selected "},{"left":"Syntax","r

  • Navigation bar

    Having easy-to-use navigation is important for any web site."},{"left":"List of li

  • Image Sprites

    - An image sprite is a collection of images put into a single image..\n- Instead of using three separate images, we use this single image (example :\"img\\_navsprites.gif\").\n- With CSS, we can show just the part of the image we need."},{"left":"example",

  • Attribute Selector

    It is possible to style HTML elements that have specific attributes or attribute values."},{"left":" [attribu

Sign Up Free