Jam's story

요소 + 특정속성 또는 속성값을 가지는 요소의 스타일 지정 속성선택자(selector) { } [속성명[?]=[속성값]] = 속성을 가지고만 있으면 적용 ^= 시작하면 적용 $= 끝나면 적용 *= 포함하면 적용 (더 포괄적인 개념) ~= 특정 단어 포함하면 적용 |= 잘 안쓰인다. naver daum sist sist sist ex06.html css selector 선택자

이미지 스프라이트: 단일 이미지에 넣은 이미지 모음 이미지가 많이 웹 로드할때 오랜 시간이 걸린다. 성능저하 서버 이미지 가지러 여러번 요청x -성능향상 포인트 /* 왼족으로 47px만큼 밀었다. */ background: url("../images/img_navsprites_hover.gif") -47px 0; 왼쪽으로 91px 아래로 45px 밀었다. background: url("../images/img_navsprites_hover.gif") -91px -45px; 전체코드 이미지 스프라이트 이미지 스프라이트: 단일 이미지에 넣은 이미지 모음 이미지가 많이 웹 로드할때 오랜 시간이 걸린다. 성능저하 네이버 클론코딩할 때 아이콘도 이와 같은 방법으로 처리하였다.

css 반응형 웹+이미지갤러리 Add a description Add a description Add a description Add a description Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure in blanditiis perferendis reprehenderit dolorum quam fugit saepe explicabo nihil soluta cum commodi voluptate ut debitis optio perspiciatis porro quae aliquam?

2021 Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua dignissim per, habeo iusto primis ea eam. 2020 Lorem ipsum dolor sit amet, quo ei simul congue exerci, ad nec admodum perfecto mnesarchum, vim ea mazim fierent detracto. Ea quis iuvaret expetendis his, te elit voluptua di..

Mouseoverme helloword HTML 삽입 미리보기할 수 없는 소스 포인트 .dropdown:hover .dropdown-content{ display:block; } /* positon :absolute; 들의 좌표 기준이 되게 만들기 위해 */ 전체코드 ex02_02.html Dropdown Menu Left Link 1 Link 2 Link 3 Right Link 1 Link 2 Link 3 이미지에 마우스를 대면, 더 큰 이미지를 보여주는 예제 left Link 1 Link 2 Link 3 이미지설명 ex02_04 Home News Link 1 Link 2 Link 3 dropdown Link 1 Link 2 Link 3 Lorem ipsum dolor sit. Lorem ipsum d..

자바스크립트 × About Services Clients Contact Lorem, ipsum dolor. Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores vitae reiciendis aut repellendus voluptatum sed nobis pariatur! Facere, pariatur magni. &#9776 제이쿼리

[의사클래스] 요소의 특정상태 [의사요소] 요소의 지정된 부분에 스타일을 지정하는데 사용하는 선택자. :: 을 붙이면 해당 요소의 지정된 부분 p태그의 첫번째 라인만 p.intro::first-line{ color: green; font-size: small; } p태그의 첫번째 문자만 p.intro::first-letter{ color: blue; font-size: xx-large; } ::before ::after HTML 삽입 미리보기할 수 없는 소스 ::marker - 리스트 항목의 마커를 선택 ::selection - 사용자에 의해서 선택된 요소의 일부 전체코드 ::before -콘텐츠 앞에 일부 콘텐츠를 삽입 ::after Lorem ipsum dolor sit amet. Id quod do..

: 의사클래스 empty: 텍스트가 없는요소 active enabled in-range invalid lang(language) not(selector) only-child only-of-type optional read-only required out-of-range root target vaild Maxime illum provident. Nobis quaerat a. male female bike bike first name = last name = address =