CSS - css를 적용하는 3가지 방법

2022. 4. 29. 14:44·STUDY/CSS
반응형

1. External Css 외부 파일 방식

  - css스타일 소스르 외부 파일로 독립 시켜 작성 후 웹문서와 연결하여 적용.
  - 웹문서의 head 태그 내에 link 태그를 이용하여 외부 css 파일을 연결 시켜 줌.

body태그 안에 있는 background color, font-size, lint-height 를 변경

background color : 배경색 
font-size : 글자 크기
lint-height : 줄 높이

2. Internal CSS 웹문서 내장 방식

   - 웹문서의 head 태그 내에 스타일 소스를 작성.

h1과 h2 태그 각각 다른 속성 적용

test-align : 글자 정렬
    start : 왼쪽정렬
    end : 오른쪽정렬
    center : 가운데 정렬
    justify : 양쪽 정렬

 

3.  Inline CSS 인라인방식

   - 웹문서의  body태그 내의 해당 태그 뒤에 직접 스타일소스를 작성.

 

반응형
저작자표시 (새창열림)

'STUDY > CSS' 카테고리의 다른 글

CSS - text  (2) 2022.05.13
CSS - font  (1) 2022.04.29
CSS - 선택자를 이용해서 css 적용  (0) 2022.04.29
'STUDY/CSS' 카테고리의 다른 글
  • CSS - text
  • CSS - font
  • CSS - 선택자를 이용해서 css 적용
3unB
3unB
  • 3unB
    ILLILI
    3unB
  • 전체
    오늘
    어제
    • 분류 전체보기 (153)
      • STUDY (109)
        • JAVA (31)
        • SPRING (29)
        • JSP (11)
        • DATABASE (19)
        • HTML (0)
        • CSS (4)
        • GITHUB (2)
        • ETC (5)
        • 자격증 (1)
        • ERROR (6)
      • PROJECT (6)
        • Personal_Project 01 - commu.. (1)
        • TeamProject - JOINUS (4)
      • EUNB (30)
        • 맛집 (27)
        • 여행 (3)
        • 전세사기 (0)
      • 오블완챌린지 ++ (4)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

    • 짱민지
    • 아랄이
  • 공지사항

  • 인기 글

  • 태그

    서면 설야멱
    망미 바
    alter
    속초 해변 숙소
    인제 두부
    서면 맛집
    전포동 카페
    콩콩팥팥 맛집
    Database
    콩콩팥팥 두부
    티스토리챌린지
    전포 데이트
    속초 숙소 내돈내산
    배열 한 컬럼에 넣기
    속초 중앙시장 감자전
    전포동 맛집
    전포 신상 맛집
    전포동 핫플
    전포 연어덮밥
    인제 고향집
    mysql
    망미 카페
    oracle
    망미 조용한 카페
    센텀 신세계백화점 팝업
    전포 밥집
    망미 테린느
    전포 맛집
    오블완
    전포 오꼬노미야끼
  • 최근 댓글

  • 최근 글

  • 250x250
  • hELLO· Designed By정상우.v4.10.0
3unB
CSS - css를 적용하는 3가지 방법
상단으로

티스토리툴바