일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 오사카 날씨
- html 새창띄우기
- html padding
- html 책갈피
- html post
- html input type
- html action
- html id
- html 스타일 속성
- CSS
- html 북마크
- html
- 오사카 3박4일 일정
- 오사카 3박4일 자유여행 코스
- 오사카 3박4일 경비
- html border
- html class
- 오사카 일정
- 오사카 경비
- html프로그래밍
- html 속성
- html get
- 웹 프로그래밍
- css {}
- html style
- css style
- html #
- html body
- html css
- html 태그
- Today
- Total
목록html class (2)
AND_END
* HTML id 속성 *: id 속성은 HTML 요소의 고유 ID를 지정합니다. id 값은 CSS 및 JavaScript에서 지정된 id 값을 갖는 요소에 대한 특정 작업을 수행하는 데 사용할 수 있습니다. CSS에서 특정 id를 가진 요소를 선택하려면 요소의 id 다음에 '#' 문자를 씁니다. id 값은 적어도 하나 이상의 문자를 포함해야 하며 공백 ( 공백, 탭 등) 을 포함해서는 안됩니다. EX) #myHeader { background-color: lightblue; color: black; padding: 40px; text-align: center; } My Header 실행 결과 * 클래스(class) 와 id의 차이점 *: HTML 요소는 단일 요소에 속한 하나의 고유 ID만 가질 수 있..
* HTML class * : HTML class 속성은 동일한 클래스 이름을 가진 요소에 대해 동일한 스타일을 정의하는데 사용됩니다. 따라서 동일한 class 속성을 가진 모든 HTML 요소는 동일한 형식 및 스타일을 갖습니다. EX) .cities { background-color: black; //배경 색 : black color: white; //글자 색 : white margin: 20px; //상하 좌우 모두 20px의 간격 (바깥쪽 여백) padding: 20px; //상하 좌우 모두 20px의 간격 (안쪽 여백) } // cities의 이름을 가진 클래스 사용 런던 London is the capital of England. // cities의 이름을 가진 클래스 사용 파리 Paris is..