CSS 연습

1. 첫번째 미션 Box 1 Box 2 Box 3 이 HTML코드를 이용해 이런 결과물을 만들어보자! 우선 어려움이 있어서 결국 선생님이 올려주신 정답을 보고야 말았는데 -HTML- Box 1 Box 2 Box 3 여기서 Box 2의 코드인 class="box green" 은 CSS에서 .box green 을 줘도 적용이 안되었다. 일단 정답은 '.green' 으로 적어야 됐는데 잘은 모르겠지만 위에서 먼저 '.box'를 적었으니 "box" 가 들어간건 먼저 적은 코드의 값들이 적용되는게 아닌가 싶다. (아닐 수 있음)일단 정답 공개! -CSS .box { border: 50px solid red; width: 200px; padding: 50px; margin-bottom : 20px; } .green..

• format_list_bulleted 프론트엔드/HTML, CSS
• · 2023. 9. 1.
• textsms

CSS를 이용해 스타일 주는 방법, 자주 사용하는 스타일

CSS에서 자주 사용하는 스타일! (계속 업데이트 할 예정) color : 텍스트 색상 변경 background-color : 배경색 변경 border : 테두리 (두께 스타일 색상) width / height : 넓이 / 높이 지정 text-align : 정렬 (left, center, right) margin : 영역 밖 공간 (top, left, right, bottom) padding : 영역 안 공간 (top, left, right, bottom) font-size : 글자 사이즈 변경 font-family : 글씨체 변경 font-weight : 글자 굵기 조절 padding-left text-indent : padding은 개체 전체가 이동하고 text-indent는 첫부분만 들여쓰기가 되는..

• format_list_bulleted 프론트엔드/HTML, CSS
• · 2023. 8. 31.
• textsms