ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [CSS] 기본
    CSS 2024. 3. 31. 20:29

    <div> 한줄 단위로 적용
    <p> 줄바꿈
    <span> 안에있는 입력되는글자크기에 따라 정하기 때문에 크기조정 안됨, height, width가없음 

    <em>
    - emphasize
    - 중요한 문구를 강조하는 HTML 태그 중 하나
    - (기본) 글자가 기울임체로 표현

    상속이란 상위(부모, 조상) 요소에 적용된 프로퍼티를 하위(자식, 자손) 요소가 물려받는 것을 의미
    상속 기능이 없다면 각 요소의 Rule set에 프로퍼티를 매번 각각 지정해야 함.

    하지만 모든 프로퍼티가 상속되는 것은 아님. 프로퍼티 중에는 상속이 되는 것과 되지 않는 것이 있는데
    font, color, visibility, opacity, line-height, text-align, white-space 이 상속 가능

     

    *스타일 시트(CSS) 파일을 로드하는 방법
    1.link태그
    2.@import

     

    * 스타일 시트가 중첩되었을 때 순위
    - 1순위 : 태그 안의 스타일 시트(안의 소스를 일일이 확인해야되기때문에 비추천)
    - 2순위 : <style> 태그
    - 3순위 : 파일 스타일 시트

    font-size를 pt로 주기도 하고 em 방식을 사용하기도 함.
    em 방식은 현재 글자 크기에서 몇 배의 크기로 해라 하는 뜻
    만일 font-size: 1.4em 라고 하면 1.4배의 크기로 만들어라 하는 뜻

    opacity
    - 요소에 투명도를 부여할수 있는 속성으로 다음과 같이 표현  
    - opacity: 0.5;
      속성 값은 투명에서 불투명까지를 0 ~ 1로 표현 하므로 0.5는 반투명에 해당

    'CSS' 카테고리의 다른 글

    [CSS] px em rem, max min -width  (0) 2024.04.17
    [CSS] Selector 선택자  (0) 2024.04.17
    [CSS] flex, grid  (1) 2024.04.15
Designed by Tistory.