'To do 되고 싶은 것'에 해당되는 글 18건
- 2011.02.02 이제 블로그를 다시 시작하자
- 2009.12.05 [DOM Script] 문서로딩시 여러개의 함수를 부르는 방법
- 2009.07.29 웹표준 웹접근성 관련 사이트 모음
- 2009.07.19 css에 변수쓰기
- 2009.06.27 form설정시(포커스시 스타일 지정)
- 2009.06.27 table설정시
- 2009.06.27 ol설정시
- 2009.06.27 ul 설정시
- 2009.06.27 css레이아웃 중앙정렬하기
- 2009.06.27 css 속성을 지정하는 순서
*한개의 함수만 부를 때
window.onload = functionName;
*두개의 함수를 부를 때 (틀린방법)
window.onload = functionName1;
window.onload = functionName2;
--> 이렇게 하면 두개다 부르는것 아이나라 실제로는 뒤의 함수만을 호출 함.
*두개의 함수를 부를 때 (방법1)
window.onload = function () {
functionName1();
functionName2();
}
*두개의 함수를 부를 때 (방법2)
--> 이 방법은 사이먼 윌리슨(http://simon.incutio.com/)이 처음 고안한 방법.
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}
으로 정의해놓고 함수를 여러개 부를 필요하가 있을때 아래와 같이 사용
addLoadEvent(functionName1);
addLoadEvent(functionName2);
[포럼]
*웹퍼블리셔 포럼 http://forum.standardmag.org/
-구인/구직/프로젝트 의뢰, 관련 최신 뉴스 등
[카페]
*하코사 http://cafe.naver.com/hacosa.cafe
-질문답변, 채용정보, 소모임 등 온오프라인 활동이 활발한 사이트
[기관]
*웹접근성 연구소 http://www.wah.or.kr/index.asp
-웹접근성 개념, 제작가이드, KADO-WAH 다운 등
[KADO-WAH관련]
*KADO 오류와 관련 하여 onclick과 onkeypress http://blog.naver.com/dndnmom/90046450486
*인터넷 웹 콘텐츠 접근성 지침.pdf http://blog.pages.kr/175
*KADO 오류리스트에 대한 설명 http://uidevstory.tistory.com/29
[기타 정보]
*웹표준 코딩 단가 계획 및 조사 http://kimgun.pe.kr/101
-페이지 유형별 코딩 단가와 웹퍼블리셔 페이지당 단가 설문조사 등
------------------------------------------------------------------
계속 추가 예정
*웹퍼블리셔 포럼 http://forum.standardmag.org/
-구인/구직/프로젝트 의뢰, 관련 최신 뉴스 등
[카페]
*하코사 http://cafe.naver.com/hacosa.cafe
-질문답변, 채용정보, 소모임 등 온오프라인 활동이 활발한 사이트
[기관]
*웹접근성 연구소 http://www.wah.or.kr/index.asp
-웹접근성 개념, 제작가이드, KADO-WAH 다운 등
[KADO-WAH관련]
*KADO 오류와 관련 하여 onclick과 onkeypress http://blog.naver.com/dndnmom/90046450486
*인터넷 웹 콘텐츠 접근성 지침.pdf http://blog.pages.kr/175
*KADO 오류리스트에 대한 설명 http://uidevstory.tistory.com/29
[기타 정보]
*웹표준 코딩 단가 계획 및 조사 http://kimgun.pe.kr/101
-페이지 유형별 코딩 단가와 웹퍼블리셔 페이지당 단가 설문조사 등
------------------------------------------------------------------
계속 추가 예정
*dl,dt,dd를 이용하여 설정.
*:focus가상클래스를 이용하여 포커스될때의 스타일을 지정할 수 있다.
ex)
input:focus, textrarea:focus{background-color:#f60;}
*:focus가상클래스를 이용하여 포커스될때의 스타일을 지정할 수 있다.
ex)
input:focus, textrarea:focus{background-color:#f60;}
table{
border-collapse:collage;
border:1px solid #666;
border-spacing:0;
empty-cells:show;
}
th{
padding:5px;
border:1p solid #666;
background-color:#9cc;
}
td{
padding:5px;
border:1px solid #666;
background-color:white;
}
li{
list-style-type:;
margin-top:;
margin-bottom:;
}
li#num1{list-style-image:url(num1.gif);}
li#num2{list-style-image:url(num2.gif);}
li#num3{list-style-image:url(num3.gif);}
<ol>
<li id="num1">첫번째</li>
<li id="num2">두번째</li>
<li id="num3">세번째</li>
</ol>
list-style-type:;
margin-top:;
margin-bottom:;
}
li#num1{list-style-image:url(num1.gif);}
li#num2{list-style-image:url(num2.gif);}
li#num3{list-style-image:url(num3.gif);}
<ol>
<li id="num1">첫번째</li>
<li id="num2">두번째</li>
<li id="num3">세번째</li>
</ol>
ul{
marign:;
padding-left:;
background:url();
}
li{
list-style-type:none;
list-style-image: url();
margin-top:;
margin-bottom:;
padding-left:;
}
div#container{
margin-right:auto;
margin-left:auto;
}
<body>
<div id="container">
...
</div>
</body>
단 ie6은 안됨. 하려면 body요소에 text-align속성에 center적용하기.
여기서의 또 문제점은 모든 블록요소에 영향을 기치는 점. 그래서 container에 text-align에 left를 지정하여 상속을 방지한다.
margin-right:auto;
margin-left:auto;
}
<body>
<div id="container">
...
</div>
</body>
단 ie6은 안됨. 하려면 body요소에 text-align속성에 center적용하기.
여기서의 또 문제점은 모든 블록요소에 영향을 기치는 점. 그래서 container에 text-align에 left를 지정하여 상속을 방지한다.
1. 위치 등 시각화 관련 속성 --> 마진, 패딩, 선 등 박스모델 속성 --> 배경과 색상 --> 폰트와 텍스트 --> 생성내용에 관한 속성
display
list-style
postion
float
clear
width
height
margin
padding
border
background
color
font
text-decoration
text-align
vertical-align
white-space
other text
content
display
list-style
postion
float
clear
width
height
margin
padding
border
background
color
font
text-decoration
text-align
vertical-align
white-space
other text
content
