1) color 문자의 색상을 지정, 요소의 속성이 아닌 글자의 색상을 바꿀 때 사용하는 속성 속성 값 값 의미 기본값 색상 문자의 색상을 지정 reb(0, 0, 0) 색상 표현 표현 의미 예시 색상이름 브라우저에서 제공하는 색상의이름 red, blue Hex 색상코드 16 진수 색상(Hexadecimal Colors) #000000 RGB 빛의 삼원색 rgb(255, 255, 255) RGBA 빛의 삼원색, 투명도 rgba(255, 0, 0, .5) HSL 색상, 채도, 명도 hsl(120, 100%, 50%) HSLA 색상, 채도, 명도, 투명도 hsla(120, 100%, 50%, .3) ※ 위 표는 색상을 이용하는 모든 속성(property)의 값으로 사용할 수 있습니다. RGBA: Red, Gr..
1) font-family 글꼴(서체) 지정 속성 값 값 의미 기본값 글꼴이름 글꼴(서체) 후보 목록을 지정 serif 글꼴 계열 이름을 지정 sans-serif monospace cursive fantasy 사용법 font-family: [글꼴후보1, 글꼴후보2...], 글꼴 계열; .box { font-family: Arial, "Open Sans", "돋움", dotum, sans-serif; } ※ 글꼴 계열은 필수로 입력해야 한다. 이유: 원래는 사용자브라우저에서 웹사이트로부터 폰트를 다운받아서 사용해야 한다. 하지만 폰트는 용량이 크기 때문에 웹사이트에서 사용자브라우저로 폰트를 보내는 것 보다 폰트의 목록들을 주고 사용자브라우저의 운영체제에 있는 폰트를 사용하도록 명시함으로써 다운받아야 하는 ..
1) 제페토 ZEPETO(제페토)는 네이버의 자회사 SNOW에서 출시한 3D 아바타 제작 애플리케이션이다. 사진을 찍거나 휴대폰 내 저장된 사진을 불러오면 자동으로 가상의 캐릭터인 제페토가 생성되며, 외형을 마음대로 커스터 마이징 할 수 있으며 제페토를 생성할 때 부여되는 코드로 팔로우도 가능하다. 현재 2억 명 이상이 사용하고 있는 애플리케이션이다. 2020년 5월 11일 제페토를 물적 분할시켜 별도법인인 네이버Z로 분사했다. 2) 제페토 스튜디오 제페토 스튜디오에서 자신의 아이템을 만들수 있습니다. 템플릿을 제공하기 때문에 초보자도 쉽게 접근 할 수있어요. https://studio.zepeto.me/kr ZEPETO Studio ZEPETO 크리에이터가 되어보세요! studio.zepeto.me 3..
1) line-height 줄 높이(줄 간격) 지정, 행간 속성 값 값 의미 기본값 normal 브라우저의 기본 정의를 사용(1~1.4) normal 숫자 요소 자체 글꼴 크기의 배수로 지정 단위 px, em, cm등 단위로 지정 % 요소 자체 글꼴 크기의 비율로 지정 ※ 보통은 1.4 ~ 1.7정도의 line-height로 사용한다. 숫자사용▷ line-height: 2; 코드 html Helping Small Businesses Succeed The primary goal of certification is to level the playing field by providing certified firms a fair opportunity to compete for government contract..
1) font-size 글자의 크기를 지정 속성 값 값 의미 기본값 단위 px, em, cm등으로 단위 지정 16px % 부모(상위)요소의 비율로 지정 xx-small 가장 작은 크기 x-small 더 작은 크기 small 작은 크기 medium 중간 크기 medium large 큰 크기 x-large 더 큰 크기 xx-large 가장 큰 크기 smaller 부모(상위)요소보다 작은 크기 larger 부모(상위)요소보다 큰 크기 ※ 가능하면 단위와 %를 사용, 나머지는 불명확하다. font-size의 기본값은 16이다. 만약에 기본값을 변경하거나 명확하게 하고 싶다면 css의 body태그에서 font-size:16px;로 지정해주면 된다.
1) font-weight 글자의 두께(가중치)를 지정 속성 값 값 의미 기본값 normal 기본 글자 두께, 400과 동일 normal (400) bold 글자 두껍게, 700과 동일 bolder 부모(상위)요소보다 더 얇게 lighter 부모(상위) 요소보다 더 얇게 숫자 100부터 900까지의 100단위의 숫자 9개, normal과 bold 이외의 두께를 제공하는 글꼴(서체)를 위한 설정 일반적인 두께의 이름 font-weight의 각 값은 일반적으로 다음과 같은 글꼴의 이름으로 표현됨 값 일반적인 두께 이름 100 Thin(Hairline) 200 Extra Light(Ultra Light) 300 Light 400 Normal 500 Medium 600 Semi Bold(Demi Bold) 70..
이상하게 컴퓨터의 웹, 안드로이드의 웹에서는 svg위치가 알아서 잘 잡힌다. 그런데 ios 디바이스(아이패드, 아이폰)에서는 컨테이너를 빠져나가버린다. svg에 컨테이너를 씌우고 그 컨테이너에 position:relative;를 먹여주면 해결할 수있다. 아래의 빨간 내모만 확인해보면 내용을 알 수있다. html css https://pythonq.com/so/html/1562482 html - svg 요소의 절대 위치 지정이 작동하지 않습니다 - IT 툴 넷 svg 요소를 "파업"하려는 주 영역 (.svg-container) 안에 절대적으로 위치한 div (.sec1)로 감싸 야합니다. 래퍼 div가 다음과 관련하여 자체 위치를 알 수 있도록 주 영역에 상대 위치를 적용해야합니다. H pythonq.com