티스토리 뷰

프로그래밍/HTML , CSS

style 적용방법

goodmean 2021. 3. 17. 11:59
반응형

스타일 입력 방법 1. 태그 안에 style = " 적용시킬스타일 : 스타일 변경내용 ; "

ex)

 <p style ="color: red ;"> 안녕하세요 </p>

 

스타일 입력 방법 2. 내부 스타일시트 (새로운 스타일 태그 안에) 엘리먼트를 불러와서 적용시킨다.

<style>

p{ <!-- 태그명 호출후 중괄호 열기 -->

color : red ; <!-- 변경하고자 하는 부분 : 변경하고자 하는 내용 ; -->

} <!-- 중괄호 닫기 -->

<!-- html 문서안의 모든 p 태그의 문자 색상을 red 로 해라 -->

</style>

스타일 입력 방법 3. 외부 스타일시트 불러와서 적용시킨다.

적용방법

<link rel="stylesheet" href="파일 경로">

확장자명이 .css 파일을 만들어서 변경한다.

반응형

'프로그래밍 > HTML , CSS' 카테고리의 다른 글

태그의 종류  (0) 2021.03.18
색상 입력 방법  (0) 2021.03.17
a 태그  (0) 2021.03.17
경로 설정  (0) 2021.03.17
이미지 사용방법  (0) 2021.03.17
반응형
최근에 올라온 글
Total
Today
Yesterday
글 보관함