CSS공부하기

1. document.querySelector와 textContent를 활용하여 html에 있는 값들 바꾸기

document.querySelector('#class명').textContent="바꿀 값";
document.querySelector('.ID명').textContent="바꿀 값";

class일때와 ID일때 구분하기!

2. 오늘 CSS에서 사용한 것들;

border-style: dotted; /점선 스타일/
border-color: yellow; / 점선색상 노랑색으로/
border-width: 7px; /점선 두께 7px로 추가/
border-radius : 10px; /둥글게 변경/
vertical-align: middle; /top,middle,bottom,super,sub,text-top,text-bottom,숫자로도 가능/
overflow: hidden; /상자보다 밖으로 나가면 안보이게 하는 것. 이 외 visible, scroll, auto가능/
overflow-wrap: break-word; /줄바꿈시, 임의의 지점에서 줄바꿈/
cursor: pointer;/help,wait,crosshair,not-allowed,zoom-in,grab으로 변경가능/