공지사항
-
- 디지털 시대의 디지털 액티비티
- 뎡야핑
회원선택 | [radio radio-593 "특별회원" "일반회원" "자료회원"] |
월회비 | [radio radio-625 "10만원" "5만원" "3만원" "직접입력"] [text text-393] |
출금은행 | [text* text-83] |
계좌번호 | [text* text-264] |
예금주 | [text* your-name] |
주민번호 | [text* text-419] *-없이 써주세요. |
출금일 | [radio radio-593 "매월 5일" "매월 25일"] |
핸드폰번호 | [tel tel-704 placeholder] |
주소 | [text text-844] |
email 주소 | [email email-228] |
메일링서비스 | [checkbox checkbox-470 "정보 메일을 받겠습니다."] |
SMS 수신여부 | [checkbox checkbox-116 "핸드폰 문자메세지를 받겠습니다."] |
스팸방지코드 | [captchac captcha-76] [captchar captcha-76 5/5] |
기타 남기실 말씀 | [textarea your-message] |
[submit "전송"]
* 선택자 일람표: http://htmlcss.kr/css/css-selector/
선택자 | 설명 | CSS |
---|---|---|
.class | class=”class”의 모든 요소를 선택 | 1 |
#id | id=”id”의 모든 요소를 선택 | 1 |
* | 전체 선택자 – 모든 요소를 선택 | 2 |
element | 요소 선택자 – 지정된 요소를 선택 | 1 |
element,element | 요소 선택자 – 선택할 요소를 여러 개 지정 | 1 |
element element | 자손 선택자 – 지정된 상위 요소 아래의 지정된 모든 하위 요소 선택 | 1 |
element>element | 자식 선택자 – 지정된 상위 요소 바로 아래의 지정된 하위 요소만 선택 | 2 |
element + element | 인접 선택자 – 지정된 요소와 같은 레벨의 바로 다음 요소 선택 | 2 |
[attribute] | 속성 선택자 – 지정된 속성 가진 요소를 모두 선택 | 2 |
[attribute=value] | 속성 값 선택자 – 지정된 속성의 값을 가진 요소를 모두 선택 | 2 |
[attribute~=value] | 속성 값 선택자 – 지정된 속성에 지정된 값이 포함된 요소를 모두 선택 | 2 |
[attribute|=language] | 속성 값 선택자 – 지정된 속성에 지정된 단어로 시작되는 요소를 모두 선택 | 2 |
:link | 링크 선택자 – 모든 링크를 선택 | 1 |
:visited | 링크 선택자 – 방문된 링크만 모두 선택 | 1 |
:active | 링크 선택자 – 활성화된 링크만 모두 선택 | 1 |
:hover | 링크 선택자 – 마우스오버된 링크만 모두 선택 | 1 |
:focus | 링크 선택자 – input 요소의 포커스 된 요소를 선택 | 2 |
:first-letter | 가상 선택자 – 지정된 요소의 첫 번째 문자를 선택 | 1 |
:first-line | 가상 선택자 – 지정된 요소의 첫 번째 줄을 선택 | 1 |
:first-child | 가상 선택자 – 지정된 요소의 첫 번째 하위(자식) 요소를 선택 | 2 |
:before | 가상 선택자 – 지정된 요소의 앞 부분을 선택 | 2 |
:after | 가상 선택자 – 지정된 요소의 뒷 부분을 선택 | 2 |
:lang(language) | 가상 선택자 – 지정된 요소 중 언어가 괄호 안의 지정된 언어로 시작되는 요소를 선택 | 2 |
https://twitter.com/settings/widgets
<meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
이 사이에 css 코드 막 넣음...< }
**대응할 스크린 사이즈**
자기 맘이지만 대체로..
구분 |
화면 너비 |
격자 열 너비 |
격자 열 간격 너비 |
스마트폰 |
480px 이하 |
고정되지 않은 가변 폭 |
|
세로 모드 태블릿 PC |
767px 이하 |
고정되지 않은 가변 폭 |
|
가로 모드 태블릿 PC |
768px 이상 |
42px |
20px |
기본 |
980px 이상 |
60px |
20px |
와이드 모니터 |
1200px 이상 |
70px |
30px |
댓글 목록
관리 메뉴
본문
https://developers.facebook.com/tools/debug부가 정보