Python_WEB (436) 썸네일형 리스트형 HTML5 - 190608 Basic Study 19(CSS 구조 선택자) 1. 구조 선택자 일반 구조 선택자(위치) 선택자:first-child li:first-child 선택자:last-child li:last-child 선택자:nth-child(수열) li:nth-child(2n+1) 선택자:nth-last-child(수열) li:nth-last-child(2n+1) 형태 구조 선택자(등장) 선택자:first-of-type h1:first-of-type 선택자:last-of-type h1:last-of-type 선택자:nth-of-type(수열) h1:nth-of-type(2n+1) 선택자:nth-last-of-type(수열) h1:nth-last-of-type(2n+1) 2. HTML Code 네비게이션바 만들기 welcome1 welcome2 welcome2 welco.. HTML5 - 190608 Basic Study 18(CSS- Navigation Bar / 링크 바) 1. Navigation Bar(네비게이션 바) 웹 사이트의 주요 디자인 중 하나. 웹 페이지의 메뉴를 의미. 다른 말로는 Link Bar(링크 바)라고 불린다. 2. HTML Code 네비게이션바 만들기 button1 button2 button3 button4 button5 button6 button7 3. CSS Code @charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } /* 목록 기호 없애기 */ ul, li{ list-style:none; } /* 밑줄 없애기 */ a{ color:black; text-decoration:none; } /* a태그에 마우스 올릴때를 선택*/ /* 밑줄넣기 */ a:hover{ text-decora.. HTML5 - 190608 Basic Study 17(CSS Basic 2) 1. HTML Code 아리가또 감사합니다 CSS 속성 이해하기 글자 관련 속성 welcome to my world welcome to my world welcome to my world welcome to my world 안녕하세요 2. CSS Code @charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } p.bbb{ border:5px double red; } p#bbb{ text-align:center; } p#bbb.bbb{ font-style:italic; } p.bbb#bbb{ font-weight:bold; } div>p{ font-family:"궁서", sans-serif; } p#abc1{ font-family:sans-se.. HTML5 - 190608 Basic Study 16(CSS Basic 1) 1. HTML Code CSS 선택자 실습하기 welcome to my world welcome to my world welcome to my world 안녕하세요. 안녕하세요. 감사합니다. 어서오세요. 선택자1 선택자2 선택자3 선택자4 선택자안녕하세요 무궁화 꽃이 피었습니다. 2. HTML 파일 3. HTML 미리보기 HTML5 - 190607 Basic Study 15(SNS 공유 Meta 태그) 1. 페이스북 2. 트위터 3. 미투데이 HTML5 - 190607 Basic Study 14(학습지 개별 과정 Form - CSS) 1. 학습지 개별 과정 2. HTML 미리보기2019년 학습지 개별 과정학과 수업 진도율 : 현재 80% (2019년 6월)개별 진도율이름진도율코난87%뭉치54%아유미90%세모70% 3. HTML Code 성적 현황 확인 2019년 학습지 개별 과정 학과 수업 진도율 : 현재 80% (2019년 6월) 개별 진도율 이름 진도율 코난 87% 뭉치 54% 아유미 90% 세모 70% 4. CSS Code@charset "utf-8"; /* CSS Document */ body{ margin:50px; font:1em "맑은 고딕",Cambria,Georgia,sans-serif; background-color:#FEEFFA; } h2{ color:#1212A2; } h3{ background:#AEC7E1; .. HTML5 - 190605 Basic Study 13(항공권 예매 폼) 1. 항공권 예매 폼 2. HTML 미리보기실시간 항공권 예약 시스템 왕복 편도출발도시 인천 김포 도착도시 인천 부산 제주 로마 베를린 파리 인원 1명 2명 성인 0명 1명 아동 3. HTML Code 항공권 예약 폼 예제 실시간 항공권 예약 시스템 왕복 편도 출발도시 인천 김포 도착도시 인천 부산 제주 로마 베를린 파리 인원 1명 2명 성인 0명 1명 아동 HTML5 - 190605 Basic Study 12(드림위버 젠코딩) - Dreamweaver ZenCoding 1. 젠코딩 사이트https://code.google.com/archive/p/zen-coding/downloads 2. 드림위버 젠코딩 다운로드 후 설치 3. 젠 코딩 키 설정편집 > 키보드 단축키 설정 복제 > 명령 > Zen Coding > Expand Abbreviation > 단축키 지정후 바꾸기 > 확인 4. 젠 코딩 활용#header>ul.menu>li*5 #header>ul.menu>li.menu$*5 #header>ul.menu>li.menu$*5lc #header>ul.menu>li.menu$*5>a>img table+ table>tr*5>td*2 div.item$-$-conter*6 div#page>div.logo+ul#navigation>li*5>a table>tr*4>td#idc$.. 이전 1 ··· 50 51 52 53 54 55 다음
