ohmyfun ohmyfun

css

• 태그 다중 style속성

  css 2021. 6. 8. 10:46

  매뉴얼 리스트

  Read More
• position

  css 2021. 6. 7. 16:41

  1.static static은 초기값으로 위치를 지정하지 않을때와 똑같다 즉 위치를 변경시켜도 변경되지않는다. one two three 2.relative(이동을 시킬꺼면 relative) 위치를 계산할 때 static의 원래 위치부터 계산합니다. 즉 어떠한 위치변화에도 관여없이 그냥 기본값에서 작성된 px만큼만 이동한다. one two three absolute 가장 가까운 상위 요소를 기준으로 위치가 결정됨 fixed(화면에 고정된 위치 절대안변함) 상위요소의 영향을 받지 않고 위치를 결정함 웹페이지에서 항상 따라다니는 광고나 공지를 설정할때 이 속성을 사용함

  Read More
• position

  css 2021. 6. 6. 14:31

  태그의 위치를 이동시켜보자 Hello world Hello world 이때 position:relative 설정을 하지않으면 포지션이 이동하지않는다 그 이유는 position의 default값은 static으로 모든 포지션속성을 무시하기 때문이다.

  Read More
• width,height,vw,vh

  css 2021. 6. 6. 10:04

  width 고정된 가로길이 height 고정된 세로길이 vw 화면전체의 몇%를 차지하는 가로길이 vh 화면전체의 몇%를 차지하는 세로길이

  Read More
• css border

  css 2021. 6. 6. 09:32

  h1{border:1px solid red;} h1{ border-width:10px; border-style: solid; border-color:red; } 첫번째 두번째 같은 의미임

  Read More
• 인라인,블록

  css 2021. 6. 6. 09:27

  블럭레벨 화면 전체를 사용 인라인 자신의 컨텐트 만큼 사용 안녕하세요 하이요 하지만 블럭레벨을 인라인으로 변형시킬 수 있다. 안녕하세요 하이요

  Read More
• css 구글폰트 사용

  css 2021. 6. 5. 22:56

  구글폰트 사이트 https://fonts.google.com/ 링크와 폰트명을 잘 활용하여 사용가능 안녕하신가요

  Read More
• css 캐스케이딩 우선순위

  css 2021. 6. 5. 22:36

  style>id>class>태그 하이요 노란색 > 초록색 > 빨간색 > 파란색 순서

  Read More