HTML 연습 : 간단한 홈페이지 만들기_box or grid

유투버 '생활코딩'님의 영상을 보며 제작하였습니다.

 

2차 완성

ㅁ TAG 전체 색 변환 방법 

< style> a { color:색; text-decoration:none; } </style>

ㅁ 특정 단어 색 변환 

<a> 내부에 stlye="color:색" 삽입

ㅁ 특정 단어 꾸미기 

TAG내부에 text-decoration:변환종류 삽입 

글크기

<style> 태그 내부 h1 { font-size : 00px; text-align:위치; }

 

.saw { color:gray; } - saw 앞이나 여러 객체에 .이 붙으면 클래스 선택자가 된다.

#active { color : red; } - id선택자로 지정한 것에 #이 붙으면 id선택자가 된다.

 

상자표시

box.html을 새롭게 형성

1.border-width:5px >>>5px높이

2.border-color : red;

3. border-style : solid;

위에 것들이 반복구조이기 때문에 합쳐서 표시가능하다

border : 5px solid red;  순서는 상관 x