본문 바로가기

10. width, height _ 너비,높이 지정 너비와 높이를 지정해주는 요소입니다. 말그대로 width값은 너비, height값은 높이를 지정하구요, px로 나타내거나 %로 지정할 수 있습니다. CSS max-width / max-height / min-width / min-height 이름에서 어차피 다 드러나지만 설명하자면 너비 최대값, 높이 최대값, 너비 최소값, 높이 최소값 입니다. 어떨때 쓰일까요? 우리들의 모니터는 쥐콩만한 것부터 엄청 넓은 것까지 다양합니다. 브라우저가 항상 풀사이즈가 아닐 수도 있구요. 모바일환경 같이 쬐깐한 기기도 있습니다. 이런 경우 어떠한 크기가 되건 난 요 싸이즈까진 맞춰줄꺼다, 확고하다 하고 지정해 주는 겁니다. 아래의 예제를 작성후 ctrl + F11을 눌러 결과를 확인할때 브라우저 창을 점점 더 작게 줄여 .. 더보기
09. opacity _ 투명도 조절 너비와 높이를 지정해주는 요소입니다. 말그대로 width값은 너비, height값은 높이를 지정하구요, px로 나타내거나 %로 지정할 수 있습니다. CSS max-width / max-height / min-width / min-height 이름에서 어차피 다 드러나지만 설명하자면 너비 최대값, 높이 최대값, 너비 최소값, 높이 최소값 입니다. 어떨때 쓰일까요? 우리들의 모니터는 쥐콩만한 것부터 엄청 넓은 것까지 다양합니다. 브라우저가 항상 풀사이즈가 아닐 수도 있구요. 모바일환경 같이 쬐깐한 기기도 있습니다. 이런 경우 어떠한 크기가 되건 난 요 싸이즈까진 맞춰줄꺼다, 확고하다 하고 지정해 주는 겁니다. 아래의 예제를 작성후 ctrl + F11을 눌러 결과를 확인할때 브라우저 창을 점점 더 작게 줄여 .. 더보기
08. list-style _ 리스트 말머리 변경 ul, ol 등의 리스트에 이쁨을 담당합니다. 말머리로 ul은 꽉찬 동그라미, ol은 숫자가 기본값으로 출력되는데요 이걸 바꿔주는 거라 볼 수 있겠네요. list-style-type 말그대로 입니다. 리스트 스타일의 타입을 골라줍니다. 값으로는 circle, square, upper-roman, lower-alpha, disc, none이 있습니다. 여기서 disc가 기본값 꽉찬 동그라미 입니다. 기본값을 지우고 싶다면 none을 값으로 주면 됩니다.확인해 봅시다. 뚫린 동그라미 뚫린 동그라미 네모네모 네모네모 기본 속성을 버려봅시다 똥글뱅이 안나오죠? 로마숫자 5이상 못외웁니다 소문자 abc 잘 안씁니다 전 CSS 뚫린 동그라미 뚫린 동그라미 네모네모 네모네모 기본 속성을 버려봅시다 똥글뱅이 안나오죠?.. 더보기