[HTML] style

 

 

<style>
선택자 : 요소 중 일부에만 서식을 지정할 때 사용하는 옵션으로 생략가능
first-child : 첫 번째 요소에 적용 last-child : 마지막 요소에 적용 nth-child(N*) : N번째 요소마다 적용 nth-child(even) : 짝수 번째 요소마다 nth-child(odd) : 홀수 번째 요소마다
속성 : 속성값: - 요소에 적용할 속성과 속성값을 입력한다. - 2개 이상의 속성을 지정할 때는 세미콜로(;)을 이용하여 구분함
border - 외곽선을 지정하는 속성으로  두께, 스타일, 색상 순으로 지정함	solid : 실선 dashed : 파선 dotted : 점선 double : 이중 실선 none : 테두리 없음 hidden : 테두리 숨김
border-radius  - 외곽선 모서리의 곡률을 지정함
font-weight - 글꼴의 굵기를 지정함	lighter, normal, bold, bolder 100~900
background-color  - 배경색을 지정함	black, blue, red, yellow... rgb(0,0,0) rgb(0,128,0) #0000FF, #006600 - 16진수로 표기
padding  - 안쪽 여백을 지정함 margin  - 바깥쪽 여백을 지정함	center, left, right, justify(양쪽정렬)
text-align : 정렬 방식을 지정함 letter-spacing : 글자 사이 간격을 지정함 word-spacing : 단어 사이 간격을 지정함

 

 

 

<form action="~">

    <input type="text" name="id" placeholder="아이디"><br>

   <input type="password" name="pw" placeholder="비밀번호">

   <input type="submit" value="인증하기">

</form>

 

<style>

input, textarea{width:100%}

 

form{width:5500px; magin:10x auto;}

</style>