qbj700

- outline - border의 경우 주위 레이아웃에 영향을 끼치지만, - outline의 경우 레이아웃의 영향을 받지 않는다. - min-width 에다가 pading:0 20px; 정도 주면 줄어들어도 딱붙지 않는다.

inherit 속성 여부 color [ㅇ] font-size [ㅇ] font-weight [ㅇ] letter-spacing [ㅇ] background-color [x] ㄴ기본값이 transparent (투명하다 = 뒤가 비친다) display [x] border [x] border-radisu [x] margin [x] padding [x] width [x] ㄴ display:block 이기 때문에 inherit인것처럼 보임 height [x] text-align [ㅇ] *기본값이 inherit인 속성 color [ㅇ] font-size [ㅇ] font-weight [ㅇ] letter-spacing [ㅇ] text-align [ㅇ] *기본값이 inherit이 아닌 속성 background-color [x..

- text-align (텍스트 정렬) - left / center / right 등으로 정렬가능 - hover (마우스 올려두었을때 반응) - div:hover{ - color:red; - } - 등으로 표현가능 (마우스를 올려두고있을때만 텍스트가 빨간색으로 바뀜) - text-decoration (텍스트 꾸미기) - text-decoration:none; - 꾸미기 값이 none; 으로 설정됨 - underline 등 필요한 값을 입력하여 설정 변경

color:red; 흔히 알고있는 색으로 표현가능 (yellow, green 등등) color:#FF00FF #을 쓰면 16진수 표현가능 (2자리씩 차례대로 R,G,B) - FF가 최대 color:rgba(0,0,0,1); (0~255,0~255,0~255,0~1) 차례대로 (R,G,B,투명도) 상위 color 3가지는 color가 쓰이는 모든곳에서 사용가능 흔히 알고있는 색으로 표현가능 (yellow, green 등등)

letter-spacing / word-spacing 글자 사이의 간격은 letter-spacing으로, 단어 사이의 간격은 word-spacing으로 설정. 값이 커지면 간격이 증가. 값으로 음수 지정 가능. 음수를 값으로 하는 경우 글자가 겹칠 수 있다. *특징* 글자 사이의 간격을 변화시키면 단어 사이의 간격도 변함. 단어 사이의 간격을 변화시켜도 글자 사이의 간격은 변화 무.

font-weight: normal : 보통 굵기입니다. 숫자 400과 같다. bold : 굵은 굵기입니다. 숫자 700과 같다. bolder : 상속된 값보다 굵은 굵기. lighter : 상속된 값보다 얇은 굵기. number : 100, 200, 300, 400, 500, 600, 700, 800, 900 initial : 기본값으로 설정. inherit : 부모 요소의 속성값을 상속.

font-size: medium : 웹브라우저에서 정한 기본 글자크기. xx-small, x-small, small, large, x-large, xx-large : medium에 대한 상대적인 크기. smaller, larger : 부모 요소의 글자 크기에 대한 상대적인 글자 크기. length : px, %, em, rem 등으로 크기를 정함. initial : 기본값으로 설정. inherit : 부모 요소의 속성값을 상속.

- display : block 일때 - 너비 : 지정되어 있지만 않다면, 최대한 유연하게 늘어난다. - 높이 : 지정되어 있지만 않다면, 최소한으로 유연하게 줄어든다. - 줄사용 : 무조건 한 줄을 혼자 쓴다. - display : inline-block 일때 - 너비 : 지정되어 있지만 않다면, 최소한으로 유연하게 줄어든다. - 높이 : 지정되어 있지만 않다면, 최소한으로 유연하게 줄어든다. - 줄사용 : 가능하다면 한 줄을 여럿이 사용한다.