본문 바로가기 메뉴 바로가기

yoon's Devlog

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

yoon's Devlog

검색하기 폼
  • 분류 전체보기 (231)
    • 일상 (0)
    • 컴퓨터일반 (4)
    • 알고리즘 (104)
      • Programmers (27)
      • Baekjoon (71)
    • WEB (33)
      • Spring (4)
      • Bootstrap (3)
      • Java BackEnd (17)
      • Django (7)
    • development (76)
      • html javascript CSS (37)
      • oracle (4)
      • Java (32)
    • Computer (8)
      • 내가 보려고 올리는 (8)
    • 데이터 분석 (5)
      • R (5)
  • 방명록

SCREENX (1)
[HTML/JavaScript/CSS] 특정 요소 스타일 지정 / 좌표 활용법

다음은 box 클래스의 스타일을 지정하고, 추가로 특정 요소의 스타일을 따로 지정하는 예제이다. 클래스의 스타일 지정은 태그 내에서, ".클래스명"{}으로 지정한다. 특정 요소의 스타일 지정방법에는 두가지가 있다. [특정 요소 스타일 지정하기] 1. 사용할 요소에서 바로 사용하기 div1 2. id를 사용하기 document.querySelector("#myDiv").addEventListener("mousedown",function(){ //-를 쓰면 산술연산자로 인식하여 원하는대로 나오지 않으므로 카멜 케이스를 사용한다 document.querySelector("#myDiv").style.backgroundColor = "yellow"; }); [좌표 활용하기] 객체 내의 좌표를 얻어내는 방법은 다음..

development/html javascript CSS 2021. 10. 12. 18:01
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 백준
  • 고득점 키트
  • baekjoon
  • Oracle
  • append
  • 자바스크립트
  • CSS
  • 스프링
  • 브루트 포스
  • 큐
  • bootstrap
  • R
  • html
  • brute force
  • 파이썬
  • jsp
  • Java
  • 덱
  • Case When
  • jQuery
  • 정렬
  • 장고
  • javascript
  • python
  • 프로그래머스
  • 단계별로풀어보기
  • web
  • Django
  • 문자열
  • 자바
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바