푸르생 스토리

보호되어 있는 글입니다.

강사님 구글 드라이브 링크 : 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 그림 삽입하기