쿠카의 개발일지

padding과 margin CSS 속성중에 요소의 여백을 결정하는 속성들에 대하여 알아봅니다. margin 축약 속성이며, 요소의 테두리 외부에 투명한 공간을 확보한다. 값은 1개부터 4개까지 지정할 수 있다. CSS h1 {margin: 10px 5px 15px 20px;} /* top-10px, right-5px, bottom-15px, right-20px */ h2 {margin: 10px 5px 15px;} /* top-10px, right & left-5px, bottom-15px */ h3 {margin: 10px 5px;} /* top & bottom-10px, right & left-5px */ h4 {margin: 10px;} /* all four margins are 10px */ 속..

addClass(), removeClass(), hasClass() 예제 # 제이쿼리 addClass() 정보 및 예제보기아래는 제이쿼리를 사용한 addClass() 메소드입니다. 기본적인 문법은 아래와 같습니다. $(element).addClass('클래스명'); addClass() 속성을 사용하면 특정 요소에 새로운 클래스를 추가할 수 있습니다. 앞에 언급한 것처럼 이미 가지고 있는 클래스는 더 이상 추가되지 않습니다. ! addClass() 예제보기만약 아래와 같이 span 태그가 존재할 경우 여기에 red 클래스를 주어 폰트색을 변경하는 예제를 만들어 보겠습니다. .red { color: red; } Test addClass @ red.js $('span').addClass('red'); 위 코드..

table 태그의 기본 구조 table 태그는 단독으로 사용되진 않는다. 자식 요소로 thead, tbody, colgroup, caption, tr, th, td 등의 여러 태그들과 함께 쓰인다. 가장 기본적인 구조는 하나 이상의 tr, th, td 태그들과 함께 구성이 된다. 과목점수 수학 100점 국어 80점 과목 점수 수학 국어 100점 80점 위의 소스는 가장 기본적인 구조인 tr, th, td 태그만 사용해서 적용한 모습이다. 과목 점수 수학 100점 국어 80점 위와 같은 소스라면 thead 영역에 tbody의 각 영역들에 대한 제목을 tbody 영역에는 thead의 제목에 대한 정보나 데이터가 노출될 수 있도록 한다. 1. tr 태그 tr태그는 table 태그에서 필수요소이며 th, td로..