본문 바로가기

전체 글94

CSS 패딩과 마진 내용 정리 padding과 margin은 각각 안쪽 여백, 바깥 여백을 넣을 때 쓴다고 배웠습니다. 이것들의 사용법을 복습해보고, 좀 더 복잡한 방법도 알아볼게요. Padding 영역 안쪽에 여백을 넣을 때 사용했습니다. 상하좌우 한 번에 padding: 8px; 상하, 좌우 각각 padding: 16px 8px; 상, 좌우, 하 padding: 16px 8px 24px; 숫자의 순서는 시계 방향으로 0시 → 3시 → 6시 순서로 외우시면 됩니다. 상, 우, 하, 좌 padding: 16px 8px 24px 10px; 숫자의 순서는 시계 방향으로 0시 → 3시 → 6시 → 9시 순서로 외우시면 됩니다. padding- 속성 패딩 값을 각각 주고 싶을 때 쓰는 속성들입니다. 앞에서 상, 우, 하, 좌 값을 따로 썼던.. 2023. 10. 18.
CSS 배경 관련 속성 정리 배경 이미지 background-image url(...)이라는 문법으로 배경 이미지를 넣습니다. background-image: url('flowers.png'); 참고로 배경 이미지는 여러 개 넣을 수 있습니다. 아래처럼 이미지를 배경으로 넣으면 a.png 아래에 b.png가 깔리고, 맨 밑에는 c.png가 깔립니다. background-image: url('a.png'), /* 제일 위에 보이는 이미지 */ url('b.png'), url('c.png'); 배경의 위치 background-position 기본값은 left top(왼쪽 위)이고, 가운데 정렬을 하려면 아래처럼 center를 쓰면 됩니다. background-position: top; /* 위 */ background-position:.. 2023. 10. 18.
CSS 기본 개념 정리 CSS 규칙 선택자 { 속성: 속성값; 속성: 속성값; } CSS 속성을 하나하나 태그에 넣기보다는 CSS 규칙을 정해 놓고 사용하는 걸 권장합니다. CSS 선택자 규칙에서 요소를 선택하는 데 사용하는 부분입니다. 태그 이름 h1, div 같은 걸 쓰면 그 태그에 해당하는 요소들에 모두 스타일을 적용합니다. 예를 들어서 모든 h3 태그의 글자 크기를 24px로 하려면 아래와 같이 씁니다. h3 { font-size: 24px; } 아이디 (id) 맨 앞에 샵을 붙여서 #아이디_이름과 같은 문법으로 씁니다. 참고로 아이디는 한 페이지 안에서 중복으로 쓰면 안 됩니다. 예를 들어서 아이디 이름이 hallasan인 태그에 글자색을 넣으려면 아래와 같이 씁니다. 우도 한라산 국립공원 성산 일출봉 군산 오름 #h.. 2023. 10. 18.
[자바스크립트] Date 객체 다루기 Date 객체 정보 수정하기 set으로 시작하는 다양한 메서드를 활용하면, 생성된 Date객체의 정보를 수정할 수도 있습니다. (대괄호로 감싸진 요소들은 선택적인 요소입니다.) setFullYear(year, [month], [date]) setMonth(month, [date]) setDate(date) setHours(hour, [min], [sec], [ms]) setMinutes(min, [sec], [ms]) setSeconds(sec, [ms]) setMilliseconds(ms) setTime(milliseconds)(1970년 1월 1일 00:00:00 UTC부터 밀리초 이후를 나타내는 날짜를 설정) let myDate = new Date(2017, 4, 18, 19, 11, 16); my.. 2023. 9. 20.

티스토리툴바