본문 바로가기

전체 글

 (94)
CSS 긴글 한줄 만들기 overflow : hidden; text-overflow : ellipsis; 내가 지정한 영역 이외로 넘어가면 ...으로 변경해줌 white-space : nowrap; 두줄을 한줄로 바꾸기
유효성 검사하는법 13강
CSS IR 효과
CSS 이미지 스프라이트와 IR(Image Replacement)효과 이미지 스프라이트 이미지 스프라이트 기법이란 여러개의 이미지를 따로 두고 코딩하는게 아니라 하나의 png 파일에 모아서 코딩하는 방식이다. ex) 여러 이미지파일을 일일히 부르는것이 아니라, 한 이미지 파일로 통합한 후 Background로 Position을 잡아주어 한 이 미지만 로드되게 함으로서 트래픽을 절약하고 HTTP 요청횟수를 줄여 빠른 웹 브라우징을 가능하게 해준다. 이미지 각각을 별도의 파일로 추가하는 대신, 이미지를 하나의 파일로 만들어서 포함하면 HTTP 요청 수가 줄기 때문에 메모리와 네트워크 사용량 측면에서 효율적, 이미지 수정이나 관리가 간편하다 BUT, 웹 접근성을 준수하기 위해서 IR효과를 설정해야 함 IR효과 IR 기법은 이미지 대체 텍스트를 제공하기 위한 CSS 기법으로 다양..
스킵메뉴 만들기
웹표준이란? 웹표준(Web Standard)이란? 먼저 웹표준이란 사이트에 접속한 사용자가 어떠한 운영체제나 브라우저를 이용하더라도 같은 결과를 볼 수 있도록 W3C(World Wide Web Consortium)라는 단체에서 권고한 표준안을 이용하여 웹 페이지를 만들어 나가는 것입니다. ​ 웹표준 관련 기술 HTML : 웹 문서의 내용 작성에 집중 CSS : 웹 문서의 모양 표현에 집중 JavaScript : 웹 문서에서 제공하는 액션에 집중 웹표준의 장점 마크업 용량 감소 콘텐츠와 CSS의 분리 미래에 나올 브라우저에 대한 상위 버전 호환성 검색 엔진에 대한 최적화 방안 웹 접근성 용이 ​ 웹접근성 접근성이란 "보다 많은 사람이 이용할 수 있는 보편적 접근의 정도"를 의미 장애인뿐만 아니라 모든 사람이 정보통신 ..
CSS 짧은 밑줄 만들기 h1:after { content: ""; display: block; width: xxx; border-bottom: xxx; }
기본 스타일 선언 @charset "utf-8"; /* * default style definition */ body { margin: 0; padding: 0; font-size: 75%; line-height: 1.5em; font-family: "Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; } form { margin: 0; padding: 0; } hr { display: none; } p, div, th, td, select, input { color: #333; } a:link, a:visited { color: #666; text-decoration: none; } a:active, a:hover { co..

티스토리툴바