목록JavaScript (2)

양치치의 아카이브

제이쿼리 2

$(function() { $("button").on("click", function() { $("p").css({ fontSize: "25px", // 모든 요소의 글씨 크기를 25px로 설정함. backgroundColor: "yellow" // 모든 요소의 배경색을 노란색으로 설정함. }); }); }); 자바스크립트에서는 하이픈(-)으로 연결된 CSS 속성 명을 사용할 때, 하이픈(-)을 제거하고 이름을 camelCase 방식으로 바꿔서 사용해야 합니다. 제이쿼리에서는 둘다 사용가능. 예제 $(function() { $("#fontSize").on("click", function() { $("p").css("fontSize", "25px"); // 자바스크립트와 제이쿼리 둘 다 사용할 수 있음. ..
웹개발 관련 창고 2022. 5. 3. 18:20
CSS 기초

HTML을 이용해 웹페이지를 만들때 크게 프론트 영역은 세가지 영역으로 나누어서 개발한다. 1. HTML 기본 속성- 웹페이지의 컨텐츠(내용)을 작성 2. CSS를 이용한 디자인 - 웹 페이지의 스타일(레이아웃)을 작성 3. JavaScript를 이용한 작동구현 - 웹페이지의 동적인 동작(기능)을 프로그램 * CSS(Cascading Style Sheets) - HTMl, XML 등 마크업 언어로 작성된 문서가 웹사이트에 표시되는 방법을 기술하는 언어 * CSS를 적용하는 방법 1. Inline Style : HTML 태그 안에서 style 속성을 설정 2. Internal Style : 태그 안에서 style 요소들을 정의 3. External Style : 외부 CSS 파일을 링크해서 사용(CSS 파..
웹개발 관련 창고 2022. 3. 19. 19:15
Prev 1 Next