본문 바로가기
[L]earn - 배우다/HTML

#08. CSS 요소 확인하기

by 파랑곰토끼 2017. 12. 7.

조금더 쓰고 싶다면  

p {

background-color : red;

border : 1px solid gray;

   }


빨간색 배경에 경계선이 생기고, 1픽셀 두깨의 회색선이 생깁니다.


만약, 특정  <P>에 CSS를 적용하고 싶다면.. 

<P Class="정의할 클래스명">을 입력하고.. CSS 파일에 정의된 요소와 클래스명을 함께 작성해준다.

<P Class="GreenTea">로 정의했다면 CSS에 파일에는 P. GreenTea {font-Family : 맑은고딕;} 으로 작성하면 된다.

연결해서 사용하기 위해서는 <head> </head> 사이에 

<link type="text/css" rel="stylesheet" href="CSS파일명.css">로 작성해준다.


문서를 저장했는데, CSS를 저장한 이미지 파일이 모두 깨진 상태로 노출된다면.. 

HTML 문서 저장 방식이 "UTF-8" 로 저장되었는지 확인해보자! 


*저장 방식도 중요하다! 



'[L]earn - 배우다 > HTML' 카테고리의 다른 글

#10. HTML 4.x 와 HTML 5  (0) 2017.12.19
#09. 폰트 꾸미기  (0) 2017.12.10
#07. 문서 표준 정하기  (0) 2017.12.04
#06. 웹에 이미지 추가  (0) 2017.12.04
#05.링크에 타이틀 붙이기  (0) 2017.12.03