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)
  • 블로그 메뉴

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

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

  • 인기 글

  • 태그

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

  • 최근 글

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

티스토리툴바