전체 글 (1854) 썸네일형 리스트형 Python Learn the basics Quiz 41 Q> You are given two strings and you have to find an index of the second occurrence of the second string in the first one. (두 개의 문자열이 주어지고 첫 번째 문자열에서 두 번째 문자열이 두 번째 나타나는 색인을 찾아야합니다.) Let's go through the first example where you need to find the second occurrence of "s" in a word "sims". ("sims"라는 단어에서 두 번째 "s"가 필요한 첫 번째 예제를 살펴 보겠습니다.) It’s easy to find its first occurrence with a function index .. HTML5 - 190608 Basic Study 22(Note) HTML 태그 CSS 선택자 CSS 속성 ----------- CSS 레이아웃 설계 CSS 동적인 구현 ----------- 반응형 웹 구현 ----------- 웹 디자이너 - CSS 코딩 가능 시각 디자이너 - 포토샵 , 일러스트 웹 퍼블리셔 - 자바스크립트 + 제이쿼리 ----------- 서버 - AJAX, DB연동 개발자 분야 ----------- emmet beauty browse FTP ----------- z-coding 설치 웹문서에는 HTML 태그들로 뼈대(골격)을 이루고 있다. 태그를 선택해서 모양을 스타일을 변경하거나 위치 변경 선택자로 선택한다. 1)태그선택자 h2*3 속성:속성값; color > 글자색상 command > apply cource > formatting 코드정렬하기.. HTML5 - 190608 Basic Study 21(CSS 반응 선택자) 1. 반응 선택자 선택자:active div:active 클릭 시 선택자:hover div:hover 마우스 롤 오버 시 2. HTML Code url 단위 마우스를 올리세요 box1 box2 box3 box4 3. CSS Code @charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } ul, li{ list-style:none; } a{ color:black; text-decoration:none; } /* 박스에 배경 그림 넣기 */ div#box1{ width:400px; height:400px; background-image:url(../img/3.png); } div#box1:hover{ background-image:url(../i.. HTML5 - 190608 Basic Study 20(CSS 동위(형제) 선택자) 1. 동위(형제) 선택자 선택자+선택자 h1+div A다음에B 선택자~선택자 h1~div A이후에B들 2. HTML Code 네비게이션바 만들기 동위(형제 선택자) 메인메뉴1 서브메뉴1 메인메뉴2 서브메뉴2 보이기/숨기기 welcome to my world happy new year merry christmas css 색상단위 css 색상단위 3. CSS Code @charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } ul, li{ list-style:none; } a{ color:black; text-decoration:none; } h3{ width:200px; border:1px solid black; } h3:hover{ backgro.. 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 미리보기 이전 1 ··· 192 193 194 195 196 197 198 ··· 232 다음
