<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>
'Cording > HTML & CSS' 카테고리의 다른 글
[HTML / CSS] 코멘트 넣기 (0) | 2019.12.21 |
---|---|
[HTML / CSS] 클래스(class) + 아이디(id) (0) | 2019.12.20 |
[HTML / CSS] 링크 / 이미지 삽입 (0) | 2019.12.18 |
[HTML / CSS] html 문서 한글 깨짐 해결 Tip (0) | 2019.12.16 |
[HTML / CSS] 기본 HTML 태그 정리 (0) | 2019.12.15 |
댓글