목록CSS (3)

Easy ways

[CSS] 스타일 색상, 폰트 설정 법

CSS 스타일은 부모태그에서 상속된다. CSS는 글자색 배경색 테두리 색등 색상을 표현하기 위한 다양한 방법을 제공하며 red, green과 같이 단어로도 색상 설정이 가능합니다. 단어 리스트 링크 : https://www.w3.org/wiki/CSS/Properties/color/keywords CSS/Properties/color/keywords - W3C Wiki Color keywords Basic Colors Named Numeric Color name Hex rgb Decimal black #000000 0,0,0 silver #C0C0C0 192,192,192 gray #808080 128,128,128 white #FFFFFF 255,255,255 maroon #800000 128,0,0 ..
프론트엔드/Html Css 2023. 8. 25. 00:17
[Html, CSS] 웹페이지 이미지 표현 (margin,padding, border, visibility)

오늘은 Html과 CSS 를 통하여 이미지를 표현하고 조정하는 법을 배워보자 쉽고 간단해서 좋다 단위 웹에서 기본적으로 사용하는 단위는 다음과 같다. px : 픽셀 단위 % : 부모태그의 너비에서의 %단위의 공간의미 auto : 사용자의 브라우저가 자동으로 계산하게 만드는 값 vw,vh : 사용자의 브라우저 창의 해상도를 기준으로 % 계산 [ex) 30vw는 브라우저 화면너비의 30%] vw와 vh를 사용하면 px픽셀과 같이 해상도에 따라 다르게 보이지 않고, 화면의 크기에 상관없이 항상 일정한 비율로 화면에 콘텐츠를 표현할 수 있다. 웹을 스마트폰 등에서도 확인 가능한 반응형으로 짜기 위하여 이러한 방식을 알아 두어야한다. 이미지 크기 지정하기 이미지의 크기는 다음처럼 지정할 수 있다. weight =..
프론트엔드/Html Css 2022. 12. 17. 20:45
[웹 기초] CSS란? CSS의 기초와 예제

저번 HTML 포스팅에 이어서 예쁜 웹페이지를 표현하기 위하여 CSS를 알아봅시다 우선 간단히 말하면, HTML이 웹 화면의 기본 뼈대라면, CSS는 이곳을 꾸며주는 겁니다 CSS란? CSS(Cascading Style Sheets)란 무엇일까요? 우선 의미를 살펴보면, Casecading : 위에서 아래로 흐르는 위에서 아래로 흐르는 스타일 시트입니다. 왜 Casecading 일까요? 우선순위, 또는 가장 마지막에 선언된 스타일로 동작하기 때문입니다. CSS는 HTML 과 함께 쓰이며 웹상에 어떻게 표현할지를 결정하는 역할을 합니다. HTML 이 문서의 서식이라면 CSS는 문서의 디자인인 거죠! CSS는 함수? 같은 느낌인데요 (C언어 개발자의 표현의 한계...😥) 예를 들면, red { 이 태그 뒤에..
프론트엔드/Html Css 2022. 12. 4. 17:51
Prev 1 Next