본문 바로가기
Cording/HTML & CSS

[HTML / CSS] CSS의 기초

by €€£¥ 2019. 12. 15.

 

<html / css 역할 구분>

html -> 웹페이지에 들어가는 내용을 작성

css -> 웹페이지에 들어가는 내용을 꾸밈

 

<css 기본 문법 구조>

해석 : 문서 내 <h1> 태그가 사용된 내용의 폰트 사이즈를 64px로 설정 / 가운데 정렬

 

<css 태그 사용법>

1. html 문서 내 설정

 페이지 내 <style> 태그에 입력 -> 해당 페이지 내에 적용됨.

<!--- html 코드-->

<style>
/ css 코드 입력 /
</style>

 

2. css 파일 별도 생성

 css 파일 내 스타일 설정 후 html 파일에서 <link> 태그 사용하여 내용 불러오기

 동일한 css 내용을 복수의 페이지에 적용시킬 경우 오류를 감소 시킬 수 있고, 일괄 수정 / 업데이트 가능

<link href="css파일 경로/css파일명.css" rel="stylesheet">

 

3. html 코드 안에 css 코드 삽입

 css 속성을 html 태그 안에 직접 입력하는 방법도 가능

 특정한 내용만을 변경하거나 css 파일에 업데이트 하기 전 테스트 목적으로 사용

<p style="color: blue; font-size: 50px;">css 코드를 html 코드안에 삽입하는 법</p>

 

 

댓글