본문 바로가기
HTML CSS

KokoaTalk Clone Coding: How to add CSS to HTML

by jane.dev 2021. 5. 2.
반응형

Meaning

Cascading Style Sheet

(one after the other)

The brouser read from top to bottom.(the order effects the results)

Two way

1)  Inline CSS: Use <Style> tag

    <head>

        <style>

        <!--CSS code-->

        </style>

    </head>

2) External CSS: Create CSS file(styles.css), Connect by using <link> tag

    <head>

        <link href="styles.css" rel="stylesheet" />

    </head>

 

 

CSS point html tag

selector { curly bracket

    whatever you want

}

 

<head>

    <style>

         h1 {

           color: yellowgreen; property colon values semi-colon

           text-decoration: underline; Do not use space, underline, slash

           font-style: italic;

         }

    </styles>

</head>

<body>

    <h1>Welcome to Jane times</h1>

</body>

html-CSS