2023. 3. 29. 10:36ㆍCSS
🟢상속
부모 요소의 속성값이 자식 요소에게 전달 되는 것(요소선택자에서 사용)
✔ 참고 사이트: https://www.w3.org/TR/CSS22/propidx.html
🟢주석문
/* ~ */ 사이에 내용을 입력
🟢CSS를 적용하는 방법
1. 인라인 스타일(거의 사용 안함)
HTML요소 내부에 style 속성을 사용하여 적용하는 방법
(이것은 헤드에 태그하는 것이 아니라 바로 적용)
[예시]
<p style= "text-align: center; color: deepskyblue;">안녕하세요</p>
2. 내부 스타일 (10% 사용)
HTML문서에 <head>~</head>사이에 <style></style>요소를 사용하여 적용
[예시]
<style>
h2{text-align: center; font-size: 50px; color: deepskyblue;}
p {text-align: center; font-size: 20px;}
</style>
3. 외부 스타일
웹 사이트 전체의 스타일을 하나의 파일에서 변경할 수 있도록 적용하는 방법
[예시]
<link rel="stylesheet" href="./css/css.css">
✔rel
현재 문서와 링크된 문서 사이의 연관관꼐 명시
🟢 HTML 구조 확인하기
<html>
<head>
<title>테스트</title>
</head>
<body>
<h2>HTML의 구조</h2>
<P>HTML의 <b>구조</b>입니다.</P>
</body>
</html>
구조 확인 !
<html>
<head> <body>
<title> <h2> <P>
테스트 HTML의 구조 HTML의 <b> 입니다.
구조
===============================================
✔extension
indent rainbow 설치
들여쓰기를 컬러화 시킨 것
'CSS' 카테고리의 다른 글
| Day3 VSCODE_CSS Z-Index + Float + Clear (0) | 2023.03.29 |
|---|---|
| Day3 VSCODE_CSS 마진+ 박스사이징 + 디스플레이 + 포지션 (0) | 2023.03.29 |
| Day3_VSCODE_CSS 텍스트+ 배경+ 패딩+ 테두리 (0) | 2023.03.29 |
| Day1_VSCODE_CSS CSS문법과 선택자 (0) | 2023.03.29 |
| Day1_VSCODE_CSS (0) | 2023.03.28 |