개발/HTML.CSS (11) 썸네일형 리스트형 CSS 가상 클래스 선택자 개요 선택자 뒤에 :가상이벤트를 붙이면 특정 이벤트마다 적용 할 스타일을 설정 할 수 있으며, 이를 가상 (추상)클래스라 합니다. :link - 방문한 적이 없는 링크 :visited - 방문한 적이 있는 링크 :hover - 마우스를 롤오버 했을 때 :active - 마우스를 클릭했을 때 :focus - 포커스 되었을 때 (input 태그 등) :first - 첫번째 요소 :last - 마지막 요소 :first-child - 첫번째 자식 :last-child - 마지막 자식 :nth-child(2n+1) - 홀수 번째 자식 위는 대표적인 가상 클래스의 예시이며 미리 정의되어 있는 가상 클래스를 효과적으로 사용하면 HTML, CSS 및 JavaScript의 코드를 효과적으로 줄일 수 .. HTML - 검색엔진 최적화 - 웹접근성(음성, 키보드로도 웹사이트 접근 용이하도록) - 직관성, 유지보수성 브랜드, 로고 메뉴 주요 내용 독립적으로 고유한 정보를 사용할 때 ariticle 안 / main 안에서 - 서로 연관 있는 내용들을 묶어주고 싶을 때 회사, 웹사이트에 대한 정보 강조하는 이탤릭체 시각적 이탤릭체 정말 중요한 볼드체 시각적 볼드체 순서가 있는 목록 순서가 없는 목록 단어, 설명을 나타낼 수 있음(정의, 설명 목록) 특정한 액션 시 어디론가 이동할 시 행*열 데이터 수평선 태그는 태그처럼 특별한 기능을 갖고있지 않고, CSS와 함께 쓰인다. 태그와의 차이점은 display속성이 block이 아닌, inline이라는 점인데, 이는 CSS display 항목에서 세부 정보를 알 수 있다. 이 .. 새롭게 알게 된 HTML 태그 출처 : http://tcpschool.com/html/html_basic_images 줄을 나누고 싶어서 이렇게 줄을 나눠봤습니다. 과연 그대로 출력이 될까요? 줄을 나누고 싶어서 이렇게 줄을 나눠봤습니다. 과연 그대로 출력이 될까요? 태그를 사용할 경우 띄어쓰기, 엔터 등이 작성 내용 그대로 표현되지 않는다. 태그는 내용 그대로 표현된다. 내용 HTML 삽입 미리보기할 수 없는 소스 "이 부분"만 하이라이팅하고 싶어요. HTML 삽입 미리보기할 수 없는 소스 HTML5 HTML 삽입 미리보기할 수 없는 소스 엔티티(Entity) HTML에는 미리 예약된 몇몇 문자가 있으며, 이러한 문자를 HTML 예약어(reserved characters)라고 부른다. 이러한 HTML 예약어를 HTML 코드에서 사용.. 이전 1 2 다음