css기초
0. 한글 사용
<!– 한글 사용방법: EUC-KR, UTF-8 (U유니코드 T트랜스포트 F포맷. 원래는 ISO-8859 (1바이트)) –>
<meta charset=”EUC-KR”> 혹은<meta charset=”UTF-8″> 을 써야 한글이 나옴.
데이터베이스 가져오고 넣고, 전송하는 건 전부 UTF-8로 할것
1. css 기본
<style type=”text/css”>
th,td{
font-family: 맑은 고딕;
font-size: 9pt;
}
a{
text-decoration: none;/*언더라인 없애기*/
color:black;
}
a:hover{/* 마우스 오버 */
text-decoration: underline;
color: green;
}
</style>
2. 폼을 이용한 css
<form id=”frm”>
<h1><span>회원가입</span></h1>
<input type=”button” value=버튼>
</form>
———————————-
위와 같은 소스에서, css 주는 법.
<style type=”text/css”>
#frm input[type=”button”] /*버튼 타입은 모두 스타일이 바뀐다.*/
/*위 한 줄은 뒤에 쉼표를 붙이고 계속 이어나갈 수 있다.
다시 말해 #frm input[type=”button”],input[type=”text”],input[type=”password”],input[type=”date”],input[type=”number”],select,textarea 등으로 대체될 수 있다.*/
{
/*display: block; 테두리를 준다는 뜻*/
/*text-align:center;*/
background-color: #fff;/* #fff는 흰색 #000은 검정색*/
border: 2px solid #F39;/*테두리를 두껍게 만들고, solid는 일반 라인선. 도트가 될수도있고 다시가 될수도있음. #F39는 색깔*/
padding: 3px 10px;/*톱 레프트*/
border-radius: 20px;/*반지름. 숫자가 클수록 더 동그래짐*/
}
#frm h1 span{/*<hi>에서 <span>내의 내용을 바꿈*/
text-align: center;
display: block;
color: #fff;
background-color: #333;
padding: 5px;
margin: 0px auto;
}
</style>