2017/09 썸네일형 리스트형 반응선택자태그 반응 선택자 예시입니다. 마우스가 글씨 위로 있으면 빨간색 클릭하면 파란색 반응선택자 태그 hover: 마우스를 올렸을때 글씨가 빨간색으로 변경된다. active: 마우스를 클릭했을때 글씨가 파란색으로 변경된다. 더보기 자손 선택자 자손 선택자 테스트 오렌지 자손 선택자 테스트중 자손 선택자 테스트중입니다 header의 자손은 h1 class="title"이다. section의 자손은 h1 class="title"이다. 더보기 후손 선택자 후손 선택자 테스트 오렌지 후손 선택자 테스트중 후손 선택자 테스트중입니다 header의 후손 h1 class , div id="nav" h1이다. section의 후손 h1 class 이다. 더보기 클래스,속성 선택자 사과 바나나 오렌지 감 아이디 비밀번호 클래스 선택자 li 다음 class를 적고 이름을 적어줍니다. .이름을 적어주고 css를 원하는대로 하면 적용됩니다. 예) class이름은 select입니다. .select의 색상이 빨강이므로 select가 들어간곳은 빨강으로 처리됩니다. 속성 선택자 input[type="text"] 다음 background가 빨강이므로 네모칸 안의 색상은 빨간색이다. input[type="password"] 다음 background가 파랑이므로 네모칸 안의 색상은 파란색이다. 글씨색상변경도 똑같이 background처럼 지정해주면 변경된다. 더보기 아이디 선택자 및 padding, margin HTML Example preview 한빛아카데미 HTML5 데이터 데이터 CSS3 데이터 데이터 데이터 JavaScript 데이터 데이터 데이터 데이터 데이터 데이터 데이터 데이터 HTML5 개요와 활용 2013년 02월 14일 Lorem ipsum dolor sit amet. Proin ut fringilla sapien.. HTML5 응용와 실습 2013년 02월 17일 Lorem ipsum dolor sit amet. Proin ut fringilla sapien.. 카테고리 데이터 데이터 데이터 데이터 데이터 최근 글 데이터 데이터 데이터 데이터 Created By Team-HeXagon margin: 상자 밖 여백을 조절 padding 상자 안 여백을 조절 border-top:위에서부터 선을 .. 더보기 선택자 태그 제목 글자 태그 부제목에 스타일 넣기 안녕하세요 테스트중입니다. *{ color:blue; } : 전체적으로 파란색을 지정 h2{ color:red; } : h2태그가 들어간 모든것을 빨간색으로 지정 h2.s_title{ color:green; } : h2태그가 들어간 것중 class가 s_title것을 초록색으로 지정 더보기 css전체 선택자 태그 제목 글자 태그 부제목에 스타일 넣기 전체선택자에 대한 예를 보여줍니다. *{ color:blue; } *전체를 선택하는 태그 color 글자색상을 지정하는 태그이다. 더보기 선택옵션,다중선택옵션,textarea 아이디 비밀번호 비밀번호 재확인 성별 남자 여자 남자 여자 생년월일 1986 1987 1988 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 1 2 3 4 5 6 7 8 9 10 11 12 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 31 multiple 다중 선택 가능 1 2 3 4 5 6 7 8 9 textarea 크기를 조절할 수 있다. 테스트 중입니다 rows는 글씨를 쓸 수 있는 줄이고 cols는 한줄에 .. 더보기 입력 양식 태그 이름 비밀번호 성별 남자 여자 체크1 체크2 type="text" 글자 입력양식 생성 type="password" 비밀번로 입력양식 생성(글자가 ●으로 보임) type="radio" 라디오 버튼 생성 name="gender" 여러개선택이아닌 하나만 선택 가능하도록 만들어줌 type="checkbox" 체크 박스 생성(radio는 name이 없으면 복수선택가능이지만 checkbox는 하나만 선택가능) 더보기 비디오태그 width 비디오의 너비를 지정 controls 비디오 재생 도구의 출력 poster 비디오 준비 중일때 표시할 이미지의 파일 경로 src 비디오 파일의 경로 지정 더보기 이전 1 2 3 4 5 ··· 10 다음
