웹디자인 (HTML,JS)57 728x90 필수적인 jQuery 셀렉터(Selector) 기능 기본 셀렉터 일반적인 CSS 셀렉터를 그대로 이용할 수 있다. 태그명을 기준으로 선택하거나 id, class 명으로 선택한다. $('태그명') : HTML 문서에서 해당 태그를 모두 선택 $('#id') : HTML 문서에서 해당 id가 지정된 element 선택 $('.class명') : HTML 문서에서 해당 class가 지정된 모든 element 선택 - HTML Paragraph Element Division Element Division Element - Script $(function(){ var element = $('p'); alert(element.html()); element = $('#divID'); alert(element.html()); element = $('.className'.. 2021. 4. 13. jQuery와 JavaScript로 요소(element)가 있는지 확인 페이지 내에서 특정한 객체 요소가 있는지 확인할 수가 있습니다. jQuery에서 요소가 있는지 .length 속성을 사용해서 확인 합니다. if ($('#elem').length) { alert('elem exists'); } 자바스크립트(JavaScript)에서는 getElementById() 함수를 사용하여 해당 Id의 요소가 있는지(exists) 확인 합니다. if (document.getElementById('elem')) { alert('elem exists'); } getElementById() 함수를 사용하여 DOM에서 요소의 존재 여부 확인 getElementById() 함수를 사용하여 요소의 Id를 사용하여 DOM에 요소가 있는지 확인할 수 있습니다. 다음 예에서는 Click Here 여.. 2021. 4. 10. 웹 색상표, HTML 컬러 코드표 웹 사이트를 만들 때, 여러 방법으로 색을 지정할 수 있다. 십육진법 표기 웹에서 십육진수쌍으로 색을 표현하는 방법은 RGB 가산혼합에 의한 것이다. 적(red), 녹(green), 청(blue)에 해당하는 두 자리 십육진수 세 쌍으로 색깔을 나타낼 수 있다. 한 채널에 1바이트가 할당되므로 모두 3바이트의 정보로 색을 표현한다. 웹에서 색을 지정할 때에는 특수기호 #과 3쌍의 두자리 십육진수를 연속하여 사용한다. 표기형식 특수기호 Red 채널 Green 채널 Blue 채널 # 00~FF 00~FF 00~FF 표기 예 표기 색상 #000000 #ff0000 #00ff00 #0000ff 표현 범위 두자리의 십육진수가 표현할 수 있는 범위는 00부터 FF까지(십진수 0에서 255까지)이다. 즉, 하나의 채널.. 2021. 2. 7. CSS로 특정 브라우저를 선택하는 방법 반응형 웹을 만들다보면 다양한 OS와 브라우저에 따라 표시되는 모습이 달라질 수 있어서 특정 OS나 브라우저를 CSS로 선택할 수 있는 방법을 정리합니다. 다양한 OS와 브라우저에 적합하게 일반적인 CSS 속성만으로는 다소 어려움이 있다. 선택자와 가상선택자 CSS로 특정 요소를 선택하는 방법 CSS 기본 문법은 선택자 { 속성1: 값1; 속성2: 값2; ... } 입니다. HTML 문서에 여러 스타일을 적용하는데 CSS로 특정 요소를 선택하는 방법에 대해서 정리합니다. blog.pages.kr CSS로 특정 요소를 선택하는 방법 가상선택자는 기본선택자 뒤에 :(콜론)을 붙인 가상 클래스, ::(콜론두개)을 붙인 가상 요소로 요소의 특정 부분을 선택합니다. blog.pages.kr 브라우저 선택자 (CS.. 2021. 1. 21. 구글 무료 한글폰트 간단 사용방법 홈페이지나 블로그를 만들 때 한글 폰트를 무료로 아주 간단하게 적용할 수 있다. 상업적인 사이트에서도 폰트를 무료로 이용이 가능하다. 1. Browse Fonts - Google Fonts 홈페이지 접속 https://fonts.google.com/ 2. Korean(한글) 선택 3. 한글폰트 26개 중 원하는 폰트 선택 4. 원하는 사이즈 (보통 400) 우측 "+ Select this style" 클릭 5. 우측 "Selected family" Review 박스 하단 태그를 복사해서 홈페이지 태그 안에 붙여넣기 6. 폰트를 적용하고자 하는 CSS에 위 font-family 복사해서 붙여넣기 7. 텍스트를 작성할 때 직접 HTML 태그 style로 적용해도 가능함 구글 노토산스 한글폰트 폰트를 하나씩 .. 2021. 1. 13. 이전 1 ··· 4 5 6 7 8 9 10 ··· 12 다음 728x90 728x90