CSS를 사용하여 화면 상단 메뉴를 만들면 웹 브라우저 호환성이 높아 접근성이 좋아집니다. 또한 편집하기 어려운 이미지가 사용되지 않기 때문에 메뉴…
[태그:] CSS
![[CSS] 마우스 동작을 감지하는 선택자 설명](https://i2.wp.com/www.walterz.net/wp-content/uploads/2017/11/2084287794_ecbee303db_b.jpg?resize=418%2C315&ssl=1)
[CSS] 마우스 동작을 감지하는 선택자 설명
블로그를 운영할 때 스킨 스타일시트를 수정함으로써 간단하게 디자인을 변경하는 것은 CSS 선택자 기본 개념만 알고 있으면 그것으로도 충분합니다. 그러나 좀…
![[CSS] 특정한 위치에 있는 DOM 요소를 지정하는 방법](https://i0.wp.com/www.walterz.net/wp-content/uploads/2017/11/9534194705_be75949919_k.jpg?resize=418%2C315&ssl=1)
[CSS] 특정한 위치에 있는 DOM 요소를 지정하는 방법
CSS에서 (HTML) DOM 객체(또는 요소)를 선택하는 방법은 다양합니다. 이렇게 다양한 CSS 선택자를 잘 활용하면 자바스크립트를 사용하지 않고도 어느정도 동적인 문서를…
![[CSS] 그라디언트 소스코드 자동 생성 사이트 소개](https://i2.wp.com/www.walterz.net/wp-content/uploads/2017/11/5876140014_e301ff1b3f_z.jpg?resize=418%2C315&ssl=1)
[CSS] 그라디언트 소스코드 자동 생성 사이트 소개
CSS는 HTML로 만들어진 웹페이지를 멋있게 꾸며주는 매우 중요한 역할을 담당하고 있습니다. 하지만 CSS는 그 사용법이 조금 복잡하여 초보자는 쉽게 사용할…
![[구글 애드센스] 게시물 상단 광고 적용 방법](https://i2.wp.com/www.walterz.net/wp-content/uploads/2017/11/1102529004_44db4a5e32_z.jpg?resize=418%2C315&ssl=1)
[구글 애드센스] 게시물 상단 광고 적용 방법
구글 애드센스는 블로그 관리자에게 수익을 창출해주는 도구입니다. 다른 수익모델과 비교해보았을 때 광고의 종류라든지 적용할 수 있는 광고 형태라든지 모든 부분에서…
![[CSS] 자주 사용되는 스타일 시트 속성 정리](https://i1.wp.com/www.walterz.net/wp-content/uploads/2020/04/5226394658_c67a078bf6_k-e1586055892929.jpg?resize=418%2C315&ssl=1)
[CSS] 자주 사용되는 스타일 시트 속성 정리
웹기술이 발전하면서 동적이고 화려한 웹페이지가 등장하게 되었습니다. 특히 웹기술 중에서 CSS는 자바스크립트와 더불어 웹페이지의 각종 동적인 속성을 지정할 수 있는…
![[CSS] 기본 선택자 정리 (CSS Selector)](https://i2.wp.com/www.walterz.net/wp-content/uploads/2017/11/5876140014_e301ff1b3f_z.jpg?resize=418%2C315&ssl=1)
[CSS] 기본 선택자 정리 (CSS Selector)
CSS를 처음 접할 때 가장 어려운 것은 선택자입니다. 그런데 선택자는 CSS에서 매우 중요하기 때문에 CSS를 배울 때 선택자에 대해서는 반드시…
![[CSS] 깔끔한 목록 스타일 만드는 방법 / CSS list-style](https://i2.wp.com/www.walterz.net/wp-content/uploads/2017/07/40292979610_d20c14aca6_z.jpg?resize=418%2C315&ssl=1)
[CSS] 깔끔한 목록 스타일 만드는 방법 / CSS list-style
HTML에서 목록을 만드는 태그는 UL과 OL입니다. 이 태그는 활용도가 높기 때문에 메뉴를 생성하는 데에도 사용됩니다. 이 블로그에서도 여러 부분에 사용되었습니다.…
![[CSS] Font Awesome 아이콘 사용 방법](https://i0.wp.com/www.walterz.net/wp-content/uploads/2017/07/screenshot-fontawesome.com-2018.07.02-21-53-31.png?resize=418%2C315&ssl=1)
[CSS] Font Awesome 아이콘 사용 방법
인터넷을 돌아다니다보면 이미지가 아닌 텍스트 방식의 아이콘이 출력되고 있는 것을 본 적이 있을 것입니다. 컴퓨터에서 기본적으로 제공하고 있는 특수문자도 아니고…
![[jQuery] 미디어 쿼리를 활용하여 웹 브라우저 해상도 감지하는 방법](https://i1.wp.com/www.walterz.net/wp-content/uploads/2017/11/34247407196_5719055b40_z.jpg?resize=418%2C315&ssl=1)
[jQuery] 미디어 쿼리를 활용하여 웹 브라우저 해상도 감지하는 방법
자바스크립트 라이브러리 중 jQuery는 반응형 웹을 개발할 때 사용됩니다. CSS의 미디어 쿼리와 함께 사용하면 더 일관성 있는 웹 개발을 할…