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

    ![](https://s3.amazonaws.com/classmint.img/22bf3351-9a39-40ea-82c0-2ccd6b55fc10.gif)"},{"left":"Description


  • 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