ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • DIV
    WEB/JSP 2016. 9. 26. 13:23

    DIV - div.or.kr

    CSS - www.w3schools.com/css/css_howto.asp

    따로 설정하지 않으면 혼자 한 줄을 차지한다

    한 줄에 여러 div를 넣으려면 display:inline-block; 을 사용한다. 

    인라인은 우선 순위가 높다 그러므로 왠만하면 쓰지 않는다.



    CSS

    1. Inline style <table style="???">

    2. Internal style sheet 

    <head>
    <style>
          body {

    background-color:red;

    }
    h1 {

    color:white;

    }

    </style>

    </head>

    <!-- 인라인 스타일은 충돌이 일어날 수 있다.-->

    3. External style sheet

    CSS 파일에서 

    태그와 클래스를 선언.

    JSP에서 CSS를 사용하기 위해서
    <link rel="stylesheet" type="text/css" href="/DIV/css/div.css">

    class="??? xxx"
    클래스는 스페이스로 구분된다.

    캐스캐딩(겹치는 것을 내가 원하는 대로)
    body {
    font-size: 50px;
    }
    div {
    border: 1px dashed #000000;
    font-size: 30px;  
    }


    padding과 margin

    padding : 안쪽의 사이즈를 추가한다.
    margin : 경계선 바깥쪽으로 여백을 준다.

    -left : 왼쪽으로 크게
    -right : 오른쪽으로 크게
    -top : 위로 크게

    margin은 안 쓰는 게 좋다.

    글자를 부분만 크기나 색 바꾸기<span> 혹은 <p>

    글자 밑에 밑줄 text-decoration: underline; 


    복사한 웹 프로젝트 실행 오류>>

    복사한 프로젝트 오른쪽 클릭
    Web project settings에서 이름 바꾸기

    서버 프로젝트를 열어서 server.xml로 간다
    맨 아래 Context부분의 경로를 알맞게 바꾼다.


    충돌을 피하기 위해 internal 방법은 사용하지 않는다.


    'WEB > JSP' 카테고리의 다른 글

    JSP 기초  (0) 2016.10.09
    JSTL과 EL  (0) 2016.10.09
    에러 페이지 처리  (0) 2016.09.26
    Filter  (0) 2016.09.26
    SessionTest  (0) 2016.09.26
Designed by Tistory.