Scribd Logo
Upload

Welcome to Scribd!

  • HTML + CSS

    Uploaded by

    Lee EunHye
    8 views7 pages
    A comprehensive guide on HTML and CSS.

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    A comprehensive guide on HTML and CSS.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    8 views7 pages

    HTML + CSS

    Uploaded by

    Lee EunHye
    A comprehensive guide on HTML and CSS.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 7

    webHTML+CSSifyouwanttoaddinteractivityJavascriptorPHP.

    ForappsObjectiveC
    (iOS)/Java(Androidandmore).

    C,Java,C#,Pearl,Ruby,PythonDothesame,nearlythesame

    CBasictointeractw/ComputerHardwarebutlearning
    JavaSecondbasic(ObjectOrientedPrinciples)
    PhythonFastandEasy
    Javascript(littlerelationifnonew/Java)Interactivethings.

    TOKNOWSOMEDAYWHATIS:

    Databaseknowledge?
    Sysadminknowledge?
    Serversideknowledge?

    HTMLANDCSS

    HTMLLists

    <ul>
    <li></li>
    <li></li>
    </ul>

    Lilistelements.

    Closingand
    openingultag.

    divclass=jumbotronLargefeaturesection
    divclass=containerWrapselementsincontainer

    ACSSRule

    Selector=
    h1,p,
    etc
    specifieswhich
    HTMLelementstostyle

    {}=braces

    Inside:
    property(akacolor,size)
    value(akared,12px)

    selectorcanbehtmlelements:h1,p,etc
    buttherearealso
    classselectors

    <div
    class=header>

    Incssyoucanspecifytostyle
    allclassesheader

    InCSStheclasswillbetargetedusinga
    .

    .
    header{

    color:blue
    }

    TOBEEVENMORESPECIFIC:

    .headerp
    {
    color:blueThiswillaffectthepsectioninsidethe<divclass=header>...</div>
    }

    C
    OL
    O
    R

    specificcolornamesonlyworkfor140colors
    RGB(A)values/hexadecimalnumbersworkformillionsofcolors

    *RGBvaluesrangefrom0255(255thebrightest)
    *Hexadecimalvaluesrangefrom00ff(ffthebrightest)

    fontfamilyGoogleFonts
    fontsizeMeasuredinpx(pixels),emsorrems.

    CSSPROPERTIES

    Border:width,styleandcoloranelementsborder

    Ex.

    widht3px
    stylesolid
    bordercolor:#cc000

    Allthreeapplylikethis:

    .jumbotronh1
    {
    border:3pxsolid#cc000
    }

    NOTA:

    Fentelbordera3pxsolidixcolorquedaunalineaquadradaalvoltantqueescool!

    .padding:
    createsspacebetweencontentandborderofanelement.Whitespaceweusefor
    improvingreadabilityandorganization.

    Alfer:
    .jumbotronh1{
    padding:23px
    border:3pxsolid#cc000
    }

    Shafetungranespaientreentreelbordercuadratieltext:

    WHATMARIGNDOESIS:

    ifmarginissetasautoitwilltakeasmuch(space)aspossible
    tocenteranelement:
    marginright:auto
    marginleft:auto

    <head>nd<link>

    the<head></head>elementcontainstheinfothatthewebbrowserneeds,todisplaythe
    page.

    the<link./>elementtellsthebrowserwheretofind(css)filetostylethepage.

    The
    rel
    attributetellsthebrowserthatthefilelinkedisaCSSstyleforthepage.
    The
    href
    tellsthebrowserwheretofindtheCSSsheetorwhateveryouspecified.

    <body></body>showsthecontentthatwillappearonthewebbrowser.

    <!DOCTYPEhtml>
    <html>
    <head>
    <linkhref=#rel=stylesheet/>
    </head>
    <body>
    [...whatevercontent...]
    </body>
    </html>

    csstexttransform:uppercasetotMAYUS
    lowercasetotMINUS
    capitalizela1ralletradecadaparaulaenMAYUS

    You might also like