Cording46 [HTML / CSS] BOX MODEL 1. Box Model 구성 Content : 실제 내용 Padding : 내용과 테두리 사이의 여유공간 Border : 테두리 Margin : 현재 요소와 다른 요소 사이의 여백 2. Margin padding의 상하좌우 각각 다른 넓이를 설정합니다. padding의 상하좌우 각각 다른 넓이를 한 번에 설정합니다. padding의 상하좌우 같은 넓이를 설정합니다. padding의 상하와 좌우만 다른 넓이를 설정합니다. 3. Padding margin 상하좌우 각각 다른 넓이를 설정합니다. margin 상하좌우 각각 다른 넓이를 한 번에 설정합니다. margin 상하좌우 같은 넓이를 설정합니다. margin 상하와 좌우만 다른 넓이를 설정합니다. 가운데 정렬 합니다. 4. Content - width, .. 2019. 12. 24. [HTML / CSS] CSS 텍스트 속성 1. 폰트 굵기 설정 "font-weigh"t 속성을 사용 100~900까지 값 설정 가능 (100이 가장 얇음) 100단위 값만 설정 가능 (120, 450 등은 사용 시 기본값으로 설정됨) 값 "nomal"은 "400" 과 같음 값 "bold"는 "700"과 같음 굵기가 400인 폰트 굵기가 700인 폰트 normal은 400과 굵기가 같다. bold는 700과 굵기가 같다. 2. 텍스트 정렬 "text-align" 속성 사용 왼쪽 정렬 오른쪽 정렬 가운데 정렬 3. 텍스트 꾸미기 "text-decoration" 속성 사용 주로 "" 태그(링크)의 밑줄 없앨 때 많이 사용 텍스트에 밑줄 긋기 텍스트에 윗줄 긋기 텍스트에 취소선 긋기 텍스트에 아무런 효과도 주지 않기 4. 폰트 크기 / 줄간격 설정 폰.. 2019. 12. 23. [HTML / CSS] 코멘트 넣기 코멘트 입력의 필요성 실제 실행에는 아무런 영향을 주지 않지만 작업 내용에 대한 정리가 필요한 경우, 협업 진행시 코드에 대한 설명이 필요한 경우 등 메모를 넣어줄 필요가 있을 경우 유용함. html에서는 "" 형식으로 코멘트 입력 css에서는 "/* 내용*/" 형식으로 코멘트 입력 /* css에서 코멘트 입력하는 방법 */ 2019. 12. 21. [HTML / CSS] 클래스(class) + 아이디(id) html 요소에 "이름"을 부여하는 2가지 방법 클래스 (class) 아이디 (id) 클래스 (class) 1st paragraph 2nd paragraph 3rd paragraph "big-red-text"라는 클래스로 선언된 첫째, 셋째 단락에 대해서 css 스타일 적용 css 설정시 class 이름앞에 ". (마침표)" 입력할 것!!! 아이디 (id) 1st paragraph 2nd paragraph 3rd papragraph "strong-text"라는 아이디로 선언된 첫째, "em-text"라는 아이디로 설정된 셋째 단락에 각각의 css 스타일 적용 css 설정시 id 이름앞에 "# (해쉬)" 입력할 것!!! 클래스 / 아이디 비교 같은 클래스 이름을 여러 요소가 공유할 수는 있지만 아이디는 한.. 2019. 12. 20. 이전 1 ··· 7 8 9 10 11 12 다음
