1Q74

1. Description display: block와 display: inline-block간의 차이를 알아본다. 2. Example [Click Me]버튼을 클릭할 때마다 display의 값이 block, inline-block으로 토글된다.

1. Description 는 Element들을 Group으로 묶고, 로 그룹명을 넣는다. 2. Example

1. Description display: table, display: table-row, display: table-cell을 이용하여 테이블을 만든다. 2. Example (1) : 기본 테이블 다음은 가장 기본적인 2 x 2형태의 테이블이다(테이블의 border조차 보이지 않는다). ._1q74-ex-1 { } ._1q74-ex-1 .table { display: table; background: #022F04; width: 200px; height: 200px; } ._1q74-ex-1 .row { display: table-row; } ._1q74-ex-1 .cell { display: table-cell; background: #196F1D; }

1. Description JavaScript의 Math함수를 이용하여 난수를 발생시키고, 제한값을 0xFFFFFF로 설정한다. 2. Example [Click Me]버튼을 클릭할 때마다 Box의 배경색이 랜덤색상으로 변경된다.

다음 속성을 이용하시면 됩니다. list-style-type: none; 1. Example [Click Me]버튼을 클릭할 때마다 블릿표시가 토글됩니다.

jQuery API문서를 보면서 계속 나를 신경쓰이게 하는 것이 있어서 검색을 좀 해 보았다. 1. 무엇 이미지의 설명 중에서 「pseudo-class selectors(thos that begin with a ":"」부분이다. 출처 : https://api.jquery.com/file-selector/ 2. 내용 pseudo-class는 요소(element)의 특별한 상태를 정의하는 데 사용한다고 한다. 태그로 예를 들면, a:link, a:visited, a:hover ...와 같이 사용한다고 할 때 [:link], [:visited], [:hover]을 의미한다. ※ 자세한 내용은 「3. Reference」를 참고하시기 바랍니다. 3. Reference Thank you, www.w3schools...