[CSS]기본 이론

티스토리 뷰

수업/└HTML&CSS

onlyun 2022. 1. 2. 15:20

Cascading Style Sheet

문서의 스타일을 꾸밀 때 사용.

글꼴이나 배경색, 너비와 높이, 위치 등 레이아웃 지정할 수 있음.

문서 내용(Contents)와 표현(Presentation) 분리.

HTML : 문서 작성. 웹페이지 구조, 정보.

CSS : 문서 디자인.

-선언(declaration)

Selector{property:value;}
선택자{속성명:속성값; 속성명2:속성값2;}

-inline style sheet

<tag style="속성:속성값"></tag>
                         <!--tag : <p>, <div>, <h3> 등등-->

효율적인 유지보수를 위해 인라인스타일은 최소화

-내부 스타일

<head>
    <style>
        선택자{속성명:속성값;}
    </style>
</head>

-외부 스타일

<head>
    <link type="text/css" rel="stylesheet" href="css파일 경로"></link>
</head>                   <!--rel은 현재 문서와 연결된 문서/리소스 간의 관계 지정-->

인라인 스타일 시트

내부 스타일 시트

외부 스타일 시트

웹 브라우저 기본 스타일 시트

-하나의 요소에 인라인 스타일 시트가 중복 정의되면 제일 마지막에 설정된 값 적용

-우선순위 상관없이 강제 적용 : !important

공지사항

최근에 올라온 글

최근에 달린 댓글

링크

글 보관함