CSS 간단 정리(과제)

css정리 과제

 

 

 

분명히 태그 입력을 했는데 적용이 안된 것 같아서 과제할 때 한번 더 실행해 보았습니다.

border 부분에 ','로 인해서 태그 인식이 안되었던 것 같습니다.

 

 

*head에 style (+div)

*body에 속성값

 

1) margin, padding

우선 Margin과 Padding은 여백을 주는 의미에서 같은 속성을 가집니다. 

-margin: 외부 여백(top,right,bottom,left) : 속성(px)

-padding: 내부 여백(top,right,bottom,left) : 속성(px)

 

2) pont size(정렬, 색상, 배경색)

div {text-align: justify;}

4) 높이 : div 속성활용 : div {height:200px; width:50%; background-color:powderblue;}

5) 글꼴 바꾸기 :  <p>{font-family: "Times New Roman", Times, serif;}</p>

6) 버튼 바꾸기 : www.w3schools.com/css/css3_buttons.asp 참조

ㄴbutton1 {font-size: 10px;} 폰트사이즈를 활용해 버튼 글꼴 크기 변경

ㄴbutton1 {padding: 10px 24px;} 패딩 속성을 활용해 버튼 패딩 변경

ㄴbutton1 {border-radius: 2px;} border-radius 속성 활용 둥근 모서리 추가

ㄴbutton1 {background-color: white; color: black; border: 2px solid #4CAF50; /* Green */
} border속성 사용 단추에 색상테두리 추가