2015년 6월 25일 목요일

css

참고 사이트

  <head>
    <meta charset="utf-8">
    <style>
      --여기가 CSS 부분, style 테그 안쪽 부분
    </style>
  </head>

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

- 반영될 항목 지정

html tag 이름 직접 입력 하는 경우

h1, h2, input {
   color: red;
   font-size: 10px
   text-decoration:underline;
}

//head 태그 하위의 h1에만 적용
header h1{
   border: 1px;
   border-style: solid;
   border-color: red;// transparent는 투명
}

//class="btn_start" 인 것에 적용
.btn_start{
   width: 250px;
   height: 35px;
   font-size: 17px;
}

//id="btn_start" 인 것에 적용
#btn_start{
    text-decoration: underline;
}

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


- css 파일 분리
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/csss" href="http://gsyan.iptime.org:8080/style.css">
    --link로 이 문서 외부에 존재하는 style.css문서의 내용을 이곳에 대체 한다는 뜻
    -- 중복의 제거, 수정작업 효율성 증대 기대



댓글 없음:

댓글 쓰기