본문 바로가기
HTML 을 배워보았다?

[HTML]Day_001 뭘 한 건지 모르겠다... 보지마세요!

by Boxseo 2023. 8. 17.
<style>
        table,th,td {border:6px solid #ccc; }
        .pyou {width:780px; height:150px; margin:0 auto; }
        .pyou td {text-align:center;}
        h3 {text-align:center;}

        .member {width:600px; margin:0 auto;}
        .navi {width:800px; padding:12px 0; margin:0 auto; }
        .navi h1 {display:inline-block; padding-right:100px;}
        .navi a {display:inline-block; padding:12px 16px; text-decoration:none; color:#3333;}
        .navi a:hover {background:##F78181;; color:#fff;}
</style>

border     :  5px        solid      #ccc;
선그리기 : 선 두께, 선 종류, 선 색상

--------------------------------------------------------------------

padding 은 안쪽여백

--------------------------------------------------------------------

margin   은 바깥여백

--------------------------------------------------------------------
숫자 1개 :  상우하좌
숫자 2개 : 상하, 좌우 // 상하가 12px  좌우는 16px
숫자 3개 : 상, 좌우, 하
숫자 4개 : 상,우,하,좌우

--------------------------------------------------------------------

color 앞에는 무조건 '#' 붙혀라
    color : #fff;     - 흰색
    color : #000;  - 검은색

--------------------------------------------------------------------

h3{text-align:center;}

   : 제목 태그는 h1~h6 까지 있는데 h6가 젤 크다. 

   : text-align:center;  요거는, 글자가 일정 칸 안에서 가운데 정렬일 것 이다?

--------------------------------------------------------------------

class 붙혔을 땐    '.'
id 붙엇을 땐          '#'

--------------------------------------------------------------------

Return;  : 함수를 벗어나기 위한 명령어 입니다. 만약 return 어쩌고 하면 그 값은 반환한뒤 종료합니다
Break; : 가장 가까이에 있는 반복문을 벗어나기 위해 쓰는 명령어 입니다
Continue; : 반복문을 완전히 빠져나가진 않고, 반복문 내의 작업문을 건너뛸때 사용합니다.반복후 다음작업 이라고 생각하면 좋습니다.

--------------------------------------------------------------------