무아지경

메일보내기1cs 전화걸기1전화걸기cs 문자보내기1문자보내기cs

- box를 그를 때 width값과 height값을 정하고 border값을 줬을때 border값 만큼 사이트가 커지는 경우에 사용- border를 box 안쪽으로 생성되게 한다.- border값만 아니라 padding으로 밀어준 값까지 자동으로 잡아준다. # reset CSS에 기본값으로 설정해 놓고 코딩하면 편할듯

select 태그 사용 예시 - optgroup 태그로 그룹화 할 수 있다. - onchange="window.open(value,'_blank');" ==>링크걸때 사용 - 예제 ------ 관련 사이트 ------ 코센(KOSEN) 국가정책연구포털(NKIS) East Asian Economic Review 한국과학기술정보연구원 경제인문사회연구회 대외경제정책연구원 구글 네이버 다음 12345678910111213141516 ------ 관련 사이트 ------ 코센(KOSEN) 국가정책연구포털(NKIS) East Asian Economic Review 한국과학기술정보연구원 경제인문사회연구회 대외경제정책연구원 구글 네이버 다음Colored by Color Scriptercs

"n"의 순서대로 탭을 누르면 탭이 이동한다.select태그 같이 탭이 이동하지 않는 곳에 사용해서 강제로 탭이 이동하도록 하는 것도 가능하다. 더 자세한 내용은 아래 참고참고 : http://nuli.navercorp.com/sharing/blog/post/1132726

- 정해진 width값 안에서 문장의 길이가 길어서 밀려날때 사용- 영어 단어가 길어서 중간에 밀려 내려가지 못하고 단어 전체가 밀려 내려가서 윗줄에 공간이 생기는걸 방지하는 기능- 영어 단어의 중간에서 width값의 길이만큼 단어가 써지고 잘려서 밑으로 내려가 빈 공간 없이 글을 쓸수 있음. # text-align:justify; 사용 할때 같이 사용 하면 효과적.# 반응형 웹에서 text-align:justify; 사용시 width값이 작아지면(400px이하 모바일 사이즈) 스펠링 사이 공간이 벌어지는 경우가 생기는데 이때 사용 하면 효과적일듯 하다.

- 스크린 리더 사용시 불필요한 내용이나 반복되는 내용을 건너 뛰기 위해 사용- 장애인을 위한 웹사이트(스크린리더 사용)에서 탭으로 이동할때 페이지마다 반복되는 내용이나 사용자가 필요하지 않다고 느끼는 내용을 건너 뒤고 바로 본문으로 갈수 있게 할때 사용 1 본문바로가기 cs

기본 충족 조건 - block 요소 이어야 함 - width값이 존재 해야함 - overflow:hidden; - white-space:nowrap; - text-overflow:ellipsis; - p태그나 div 같은 block요소는 그냥 3총사 사용하면 됨 - a태그 같은 inline요소는 display:block;을 줘서 block요소로 만든 후 3총사 사용

- display:inline-block; => block요소를 inline요소로 바꿔줄 때 사용. - span / a / img ... 처럼 한줄에 옆으로 나란히 가능 - inline 요소는 넓이를 가지지 않음 = span / a / img ... - block 요소는 한줄 전체의 넓이를 가짐 = div / p .... - inline 요소 안에 block요소를 넣으면 표준에 적합하지 않아서 사용하지 x - 단 a는 링크를 걸기때문에 허용 된다.