웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
디자인 하시는 분에게 ~ 신기한 팁 (from IE)
2011.02.23 17:00
지금 F12 키를 눌러보세요.
이상한창이 뜨지요 ?
아래로 붙여줍니다.
그리고 맨 왼쪽 화살표 있죠 ?? 눌러줍니다.
그리고 웹페이지로 마우스를 옮기면
파란색 border 가 나타납니다.
화면에서 아무거나 눌러봅시다.
그럼 클릭한 해당 HTML 과 CSS 가 보입니다. 여기서 끝이 아니고
CSS 스타일에서 padding width 등의 px 픽셀에 숫자를 넣어봅니다.
그럼 실시간으로 화면이 바뀝니다 - 0 - 오 놀라워라... 그렇다고 바로 수정되는건 아니고요.
보이기만 그렇게 보일뿐입니다. 신기하죠 ??
![xe_css_f12.png](/files/attach/images/121/613/569/019/xe_css_f12.png)
이상한창이 뜨지요 ?
아래로 붙여줍니다.
그리고 맨 왼쪽 화살표 있죠 ?? 눌러줍니다.
그리고 웹페이지로 마우스를 옮기면
파란색 border 가 나타납니다.
화면에서 아무거나 눌러봅시다.
그럼 클릭한 해당 HTML 과 CSS 가 보입니다. 여기서 끝이 아니고
CSS 스타일에서 padding width 등의 px 픽셀에 숫자를 넣어봅니다.
그럼 실시간으로 화면이 바뀝니다 - 0 - 오 놀라워라... 그렇다고 바로 수정되는건 아니고요.
보이기만 그렇게 보일뿐입니다. 신기하죠 ??
![xe_css_f12.png](/files/attach/images/121/613/569/019/xe_css_f12.png)
저의경우는 요소검사 눌러서 키는편이죠...