CSS

패딩과 마진의 차이(Padding과 Margin) Padding과 Margin은 쉽게 헷갈릴 수 있는 개념입니다. 패딩과 마진의 차이를 확실히 정리하고 넘어가봅시다. 요소는 내용(content), 패딩(padding), 테두리(border)로 이루어져 있습니다. Padding은 내용과 테두리 사이의 '공간'입니다. 반면에 Margin은 요소 주위의 '여백'입니다. 즉, 테두리 밖의 공간인 셈이죠. *한눈에 정리하기 패딩 = 선과 콘텐츠 사이의 공간(속의 공간, 채워넣을 공간) 마진 = 선 바깥의 여백, 여유 더 확실 한 개념 정리를 위해 아래를 예시 통해 점검해 보도록 하겠습니다. 1. 패딩(Padding) Padding을 주는 방법에는 몇 가지가 있습니다. 예시1) 가장 직관적인 방법 우선 가장 직관적..

텍스트의 색을 지정해주기 위해서는 color 속성을 사용하면 되는데요. CSS에서 색을 표현하는 방식에는 3가지가 있습니다. 그렇다면, 오늘은 이 3가지 방법을 완벽하게 정리해보도록 하겠습니다. 더 자세하게 살펴 볼까요? 1. CSS에서 색을 표현하는 방식에는 3가지 방식 1) 색 이름 CSS에서 정해준 색 이름 중 하나를 쓰는 방법이 있습니다. 모든 색이 있지는 않지만, 무려 140개의 색이 대부분 브라우저에서 지원됩니다. Hello World! h1 { color: blue; } 아래는 결과 값입니다. 참고로, 지원되는 색상은 사이트에서 확인해볼 수 있어요. 2) RGB 값 모든 색은 빨강(Red), 초록(Green), 파랑(Blue)의 3가지 색상을 가지고 표현할 수 있습니다. 이 표현 방식이 바로..

웹개발에 도움이 되는 웹사이트를 소개해 드리겠습니다. 가장 좋은 방법은 구굴입니다. 텍스트 데코레이션에 대한 속성이 궁굼하다면. 검색창이 css text-decoration 이라고 치면 됩니다. HTML 테그에 대해서 궁굼하다면, html tage라고 검색하면 됩니다. 1. HTML, CSS, JS등을 공부하기 좋은 사이트 www.w3schools.com W3Schools Free Online Web Tutorials W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Pyth..