이전
목록
다음
고요빛물결

CSS Tutorial for Beginners #41-45

마젠토
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2019-02-17 (일) 00:10:04 · 1284

Block-level Elements

 

203892234_1550014178.2758.png

 

https://www.w3resource.com/html/HTML-block-level-and-inline-elements.php

 

div는 Block Elements span은 Inline Elements

 

 

Width & Height

 

percentage로 하면 화면에 따라 사이즈가 변경됨.

 

 

Rounded Corners

 

https://caniuse.com/  에 CSS를 넣으면 브라우저별 지원여부가 나옴.

 

border-radius:

 

border-radius: top-left top-right bottom-right bottom-left;

 

 

Backgrounds

 

background-color:

background-image:  디폴트는 repeat

background-repeat: no-repeat;   round

background-position: center; top center  bottom right etc.

  또한 20% 60% 식으로  20px 10px    첫번재는 왼쪽에서 얼마,  두번째는 top에서 얼마 떨어지게..

background-size:  

 

 

Background shorthand

 

background: url() no-repeat top center;

이미지, 반복, 위치

background-color, background-size 만 별도로

 

|
댓글을 작성하시려면 로그인이 필요합니다.

CSS

89건

CSS 관련 공부 및 자료 공유 소모임 게시판 입니다.

+
제목 글쓴이 날짜 조회
19-05-11 조회 1,870
19-04-29 조회 1,811
19-04-03 조회 1,791
19-02-28 조회 2,050
19-02-28 조회 2,155
19-02-27 조회 1,626
19-02-27 조회 2,994
19-02-27 조회 1,766
19-02-26 조회 1,686
19-02-26 조회 1,415
19-02-26 조회 2,646
19-02-25 조회 1,606
19-02-25 조회 1,550
19-02-25 조회 1,343
19-02-24 조회 1,716
19-02-24 조회 1,260
19-02-24 조회 1,456
19-02-23 조회 1,376
19-02-23 조회 1,666
19-02-23 조회 2,209
19-02-22 조회 1,631
19-02-22 조회 1,549
19-02-22 조회 1,832
19-02-21 조회 1,697
19-02-21 조회 1,358
19-02-21 조회 1,834
19-02-20 조회 1,216
19-02-20 조회 1,147
19-02-20 조회 1,109
19-02-19 조회 1,381
글쓰기