반응형
CSS 작성 방법
1. 인라인 요소 사용 -> style 속성 사용 (inline style sheets)
<b style="color: magenta;">1. 인라인 요소 사용 -> style 속성 사용 (inline style sheets) b>
2. 내부 스타일 시트 -> style태그 사용
<style type="text/css">
p{ background-color: lightpink; }
</style>
3. 외부 스타일 시트 -> css파일을 외부에 작성해 놓고 불러와 사용
<link href="resources/css01.css" rel="stylesheet" type="text/css">
b{ color:red; }
CSS 사용 이유
생활코딩 CSS
css
단 하나
만 바꿔줘도 몇 백, 몇 천개의 중복 태그 코드가 바뀐다.
html의 디자인 부분만을 보다 체계적으로 효과적으로 관리하기 위해 사용한다.
반응형
'Frontend > HTML & CSS' 카테고리의 다른 글
[CSS ②] 선택자 / selector (CSS기초/개념) (0) | 2021.02.02 |
---|---|
[HTML ⑤/⑤] 시맨틱구조 / 시맨틱태그 (html기초/개념) (0) | 2021.01.30 |
[HTML ④/⑤] 폼 태그 / 필드셋 / 라디오버튼 / 체크박스버튼 / input태그 (html기초/개념) (0) | 2021.01.30 |
[HTML ③] 컨텐츠 태그 / 테이블 / 이미지 / 오디오 / 비디오 (html기초/개념) (0) | 2021.01.30 |
[HTML ②/⑤] 태그 Tag / 글자태그 / 하이퍼링크 태그 / 리스트태그 (html 기초 / 개념) (0) | 2021.01.30 |
댓글