[CSS] CSS color, font style 적용

1. color style 적용

color : red;
color : rgb(255,0,0);
color : rgb(255,0,0,0,5);  /*희미해짐. 투명도 */
color : #ff0000;  /*15진수로 표현*/
color : #f00;

2. font style 적용

font-size:1em; /*em 갖게되는 기본 상속값의 배수값으로.*/
background-color : red ; /* 배경색. color랑 비슷 */
font-family : monospace; /* 글씨체 지정*/

<html>
    <head>
        <style>
            body>div{
                font-size:16px;
                background-color: #ff0;
                font-family: monospace;
            }
           .myspan{
               color : #f00;
               font-size : 2em;
           }
        </style>
    </head>
    <body>

        <div class="myspan">
           test
        </div>

    </body>
</html>

=> 이경우 body > div에 16px이 적용됐으므로 그 16px을 기준으로 2배인 32px로 글씨가 나오게됨

'WEB > HTML+CSS' 카테고리의 다른 글

[CSS] CSS 애니메이션 (Transform, Transition, Animation) (0)	2022.04.11
[CSS] Layout 설정 (0)	2020.07.15
[CSS] CSS 기본개념과 렌더링원리 (0)	2020.07.15
[CSS] HTML 웹 페이지에 style 주기 (0)	2020.07.11
[HTML] HTML 태그 정리 (0)	2020.07.10

1. color style 적용

2. font style 적용

'WEB > HTML+CSS' 카테고리의 다른 글

티스토리툴바