Section outline

  • Looking at code


    The art of Self Discipline

    CSS code. Forward slash /

    The forward slash / is for making comments in your code.

    The web browser ignores everything after the forward slash / until the next forward slash /.

    CSS code. The full stop ..

    The full stop at the start of css code is for a 'class'

    on your website it would be written as class=""

    CSS code. #

    The # is used similar to a full stop '.'

    # at the start of css code indicates an 'id'

    On your web page the html will be id=""

    CSS code. {       }

    Curly brackets contain the html code

    The brackets link the code to the title or name that you give to the block of code.

    CSS code. "   "

    Quotation marks indicate a string of code

    In most code spaces have special meanings.

    Quotation marks tell the computer that spaces are spaces with no special meaning.

    /****start*****  zoom little 10% *************/

    .zoomlittle:hover {transition: all .5s ease-in; transform: scale(1.1) translate(50px); position: relative; z-index: 10; background: rgba(245,245,245,.9); box-shadow: inset 0px 0px 20px grey;}

    /****end*****  zoom little 10% *************/



        <div class="zoomlittle" style="border: 1px solid red; background: linear-gradient(to bottom, white 0%, grey 100%);">



        <div style="border: 1px solid red; background: linear-gradient(to bottom right, white 0%, grey 100%);">

    .

    .

    .