푸르생 스토리

보호되어 있는 글입니다.

보호되어 있는 글입니다.

자동 줄 바꿈 설정 방법 https://recoveryman.tistory.com/374 [비주얼 스튜디오 코드(Visual Studio Code)] 자동 줄바꿈 비주얼 스튜디오 코드는 긴 장문의 문단 또는 코드일 경우 자동으로 줄바꿈이 되지 않고 결국엔 가려져서 나오게 됩니다. 이런 경우 간단한 설정을 통해 보기 편하게 바꿔줄 수 있습니다. /* S: 18 recoveryman.tistory.com

강사님 구글 드라이브 링크 : https://mail.google.com/mail/u/0/?tab=rm&ogbl#starred/FMfcgxwLtQTbqFhwSglLVBxdKHHnHzMW 내 홈페이지 링크 : http://ugy612t.dothome.co.kr/ 웹 접근성을 위한 skipnavi : https://nuli.navercorp.com/community/article/1132804 ::after https://developer.mozilla.org/ko/docs/Web/CSS/::after https://developer.mozilla.org/ko/docs/Web/CSS/Reference CSS 참고서 - CSS: Cascading Style Sheets | MDN CSS 참고서를 이용해 알파벳..

/* 웹 접근성을 위한 skipnavi https://nuli.navercorp.com/community/article/1132804 */ .skipnavi { position: absolute; left: 0; top: -50px; text-indent: -9999px; font-size: 0; width: 100%; z-index: 999; } .skipnavi > li > a:focus, .skipnavi > li > a:active { position: absolute; left: 0; top: 50px; display: block; width: 100%; padding: 5px; text-align: center; text-indent: 0px; font-size: 12px; font-weigh..

보호되어 있는 글입니다.

메뉴 아이템 1 메뉴 아이템 2 nav, ul, li{ list-style;none; padding:0; margin:0; } a{ color:inherit; text-decoration:inherit; } ul li { display:inline-block; background-color:gold; } ul { background-color:blue; text-align:center; bordere-radius:5px; padding:10px; display:inline-block; } nav { text-align:center; } 결과. 정리.

중첩 리스트란 무엇을 의미할까? li*4>a[herf] 이렇게 입력하고 탭을 누르면 다음과 같이 자동으로 입력이 된다. li*4>a 역시도 위와 같은 역활을 한다. 네이버 다음 야후 인베스팅 닷컴 ul > li:nth-child(2){ color:red; } ul > li:nth-child(1) > a{ color:gold; } 동물 포유류 조류 식물 나무 꽃 ul ul{ display:none; } /* hover는 마우스가 올려지면 이라는 의미 */ /* 활성화 된 서브 메뉴 */ ul li:hover > ul{ background-color:gold; } 링크에 손을 올리면 다음과 같이 백그라운드 가 활성화 된다.

전편 (1)과 동일하게 1번 과일 채소 라면 고기 2번 과일 채소 라면 고기 3번 과일 야채 채소 라면 4번 과일 야채 채소 라면 5번 과일 야채 채소 라면 에서 다음과 같은 CSS를 줘 보도록 하겠습니다. ul, li{ list-style:none; padding:0; margin:0; } ul과 li 태그에 스타일 : none 으로 적용 시키면 다음과 같은 결과 가 나옵니다. *이 붙어있던 리스트가 *이 없어진것을 확인 할 수 있습니다. 이에 더불어 이름 풍류 소재지 경기도 의 결과는 리스트의 이름과 내부 요소를 구분짓는 결과를 확인 할 수 있다. 결론. 내용정리

1번 과일 채소 라면 고기 2번 과일 채소 라면 고기 3번 과일 야채 채소 라면 4번 과일 야채 채소 라면 5번 과일 야채 채소 라면 결과

inherit == 상속 즉, 상속 즉, 따라쟁이 go9.co/JJ3 section 입니다. 11 22 33 section{ color:blue; margin:10px; } section div{ color:black; font-size:20px; } 결과 값

선택자란? 뭔가를 선택하는 방법이다. CSS가 HTML을 선택 혹은 연결 해 주는 방법을 의미한다. go9.co/JJ3 111 222 333 444 555 666 div{ color:red } #a1{ color:blue; } #a2{ color:gold; } article > div{ background:red } 결과.

go9.co/JIE display가 가질 수 있는 속성은 3가지 이다. 1 2 3 4 ㅎㅎㅎ div1{ background-color:blue; margin:10px; display:block; } div2{ background-color:blue; margin:10px; display:none; } div3{ background-color:blue; display:inline-block; color:red; } 결과 값

예제 1 안녕하세요 1트 안녕하세요 2트 안녕하세요 3트 안녕하세요 4트 안녕하세요 5트 안녕하세요 6트 안녕히 가세요 1트 안녕히 가세요 2트 안녕히 가세요 3트 안녕히 가세요 4트 안녕히 가세요 5트 안녕히 가세요 6트 안녕히 가세요 7트 안녕히 가세요 8트 안녕히 가세요 9트 div{ color:blue; } 일때 결과 값 예제 2 html code는 동일 div{ color:blue; } section{ color:red; } 결과 값 예제 3 html 동일 section{ color:red; } div{ color:blue; } CSS에서 section과 div에 명령의 순서를 바꾸어도 적용이 되는 기준은 부모 태그보다 자신의 태그에 직접 주는 CSS 명령이 적용 되는것을 볼 수 있네요. 예제4..

html 코드 안녕 div 구분 h1 포함 확인 css 코드 div, h1{ color: blue; font-size bold; background-color: red; } 결과 창 #css등 #html css #css float #css flex #css display #C S S Industries, Inc. #CS stands #CSS & CSS3 20 Lessons to Successful Web Development 20 Lessons to Successful Web Development [ENH #CSS (Paperback) #css 란 #css position #css background-image #css 선택자 #css transition #css border #cssc #css marg..

#html 파일 열기 #html 편집기 #html #html 이미지 링크 #아이폰 html #html css #html코인 #html 띄어쓰기 #html 색상표 #html 주석 #html파일 여는법 #html5 #html 파일이 안열려요 #HTML5 동영상 플레이어 #html5 다운로드 #html 태그 #html 파일 엑셀파일로 변환 #html 이미지 삽입 #html div #html 표 만들기 #html style #html pdf 변환 #html tag #html table #HTML5 #HTML 하이퍼링크 설정하기 #HTML 코드 #HTML CSS #HTML 그림 삽입하기

01. 웅장하면서 잔잔한. www.epidemicsound.com/track/5YUiKsKjI9/ Roof - Mystery, Mystery (Instrumental Version) Struggle with music licensing for video, film or YouTube? Our library is of the highest quality, usable on all social platforms and royalty-free forever. www.epidemicsound.com 02. 긴장감 박진감 넘치는. www.epidemicsound.com/track/ffU2d6r1cd/ Czar Donic - Animal Kingdom Struggle with music licensing for v..

변수는 코드의 재활용성을 높여준다. 예로 100에 10을 더하고, 10을 나눈 후에 다시 10을 빼고 거기에 10을 곱해야 한다고 가정 하자. 그리고 각 단계마다 그 결과를 출력해야 한다면 코드는 아래와 같을 것이다. 코드의 재활용성이라는것은 앞으로 당신이 프로그래머로서의 입지를 다지는 가장 중요한 핵심 능력이다.변수를 활용해서 작성한 코드들은 지금 작성하는 코드들을 추후에 다시 사용하게 되는 그때 사용하기 용이하게 되는 업무의 효율성에 큰 영향이 미친다. 앞으로 당신이 코드를 작성하는데 있어서 중요한 변수의 효용성에 대하여 짚고 넘어가 보도록 하자.다음 코드를 보았을 때 변수를 쓰기 전과 후가 있다.변수를 쓰기 전에는 일일이 숫자 값을 넣어 계산을 하였고,변수를 쓴 후에는 그때 그때 상황에 따라 변수값..

JavaScript 에서의 변수(Variable)는 (문자나 숫자 같은) 값을 담는 컨테이너로 값을 유지할 필요가 있을 때 사용한다. 여기에 담긴 값은 변수를 새로 입력하면 다른 값으로 바꿀 수 있다. 변수는 마치 (사람이 쓰는 언어인) 자연어에서 대명사와 비슷한 역할을 한다. 이해가 가지 않는다면 이렇게 생각한다면 쉬울것이다. 변수는 하나의 데이터를 담는 그릇이고 그 그릇에는 내가 원하는 게 담겨있더라도 새로운 것을 담으면 기존의 것은 빠지고 새로 담는 데이터가 그 자리에 들어간다. 데이터는 숫자뿐만 아니라 문자도 해당이 된다. 변수의 선언 JavaScript에서 변수는 var로 시작한다. var은 변수를 선언하겠다는 것을 의미한다. var을 생략할 수도 있지만 이것은 유효 범위라는 것에 영향을 미친다..

자! 안녕하세요 오늘도 역시 문제와 함께 찾아 왔습니다! ㅎㅎ 오늘도 쉽고 가벼운 문제이니 한번 맞춰 보시기 바랍니다. 다음중! script 내에서 얼럿이 두번 발생합니다. 그중 결과값이 어떻게 나올까요? 정답. 어라? 뭔가 이상하다 그죠? 하나는 1+1 의 결과값이 2는 맞는것 같은데 왜 두번째 결과는 11 이죠? 저를 구독하시는 분들은 똑똑하셔서 다들 아신다구요? 맞아요 첫번째 결과에서는 1+1이 숫자의 형태로 연산된 결과값이고 두번째 결과에서는 1 과 1이 문자의 형태로 +로 더해진 상황이에요. 두번째 문제! 다음중 문자열의 숫자를 세보세요! 정답. coding everybody 에서 띄워쓰기 포함해서 16개 가 결과값으로 나오고 코딩 에브리 바디 역시 띄어쓰기 포함해서 9개 텍스트를 가졌다는 결과..

시작부터 문제를 내볼게요. 자 다음 중 스크립트 내에 다음 중 얼럿 중 제대로 작동하는 얼럿은 몇 번째 얼럿일까요? 정답. undefined로 응답한 부분이 제대로 작동 함을 의미한다. 문자는 "(큰 따옴표) 혹은 '(작은따옴표) 중의 하나로 감싸주어야 합니다. 큰 따옴표로 시작하면 큰 따옴표로 끝나야 하며, 작은따옴표로 시작하면 작은따옴표로 끝나야 제대로 작동을 합니다. 나쁜 예) 좋은 예) 나쁜 예) 좋은 예) 그중에 예외도 있다. ' 작은따옴표로 끝나기 전에 역 슬래쉬(\ : 엔터와 쉬프트 사이 버튼)를 넣어주면 역 슬래쉬가 escap 직역하자면 탈출을 의미하며 뒤에 배치된 작은따옴표를 작은따옴표(')의 역할을 배제시켜 텍스트 화 시켜 버린다. 자. 오늘은 문제가 많네요. ㅎㅎ 두 번째 문제 다음 ..