'개인공부/HTML5 + CSS3' 카테고리의 글 목록 (7 Page)

본문 바로가기

[HTML+CSS][텍스트 관련 스타일] 05 - 연습문제 01 최신 웹 디자인 트렌드 반응형 웹 디자인 - 다양한 화면 크기에 최적화하다 플랫 디자인 - 입체에서 평면으로 풀스크린 배경 - 콘텐츠에 집중 원 페이지 사이트 - 한 페이지에 모든 내용을 담다 패럴랙스 스크롤링 - 동적인 효과로 강한 인상을! 웹 폰트 - 웹 타이포그래피를 받쳐주는 기술 02 최신 웹 디자인 트렌드 반응형 웹 디자인 - 다양한 화면 크기에 최적화하다 플랫 디자인 - 입체에서 평면으로 풀스크린 배경 - 콘텐츠에 집중 원 페이지 사이트 - 한 페이지에 모든 내용을 담다 패럴랙스 스크롤링 - 동적인 효과로 강한 인상을! 웹 폰트 - 웹 타이포그래피를 받쳐주는 기술 03 최신 웹 디자인 트렌드 04 웹 디자인 트렌드를 따라잡는 비법 대공개! 그래픽 프로그램으로 웹 디자인 요소를 일일이 만들.. 2020. 6. 29.

[HTML+CSS][텍스트 관련 스타일] 04 - 목록 스타일 [HTML+CSS][텍스트 관련 스타일] 03 - 문단 스타일 [HTML+CSS][텍스트 관련 스타일] 02 - 텍스트 스타일 [HTML+CSS][텍스트 관련 스타일] 01 - 글꼴 관련 스타일 [HTML+CSS][CSS 기초] 03 - 캐스케이딩 스타일 시트 (CSS) [HTML+CSS][CSS 기초] 02 - 주요 선택자 [H.. onelight-stay.tistory.com 단순히 텍스트나 문단의 스타일만 바꾸는 것이 아니라 실질적으로 자주 사용될 것 같은 목록의 스타일에 대해서도 알아보도록 하자. list-style-type 속성 : 목록의 불릿과 번호 스타일 지정 - 순서 없는 목록에서 불릿 모양 바꾸기 - 목록 앞에 붙는 불릿의 모양을 바꾸거나 없앨 수 있다. - 순서 목록에서 숫자 바꾸기 -.. 2020. 6. 28.

[HTML+CSS][텍스트 관련 스타일] 03 - 문단 스타일 [HTML+CSS][텍스트 관련 스타일] 02 - 텍스트 스타일 [HTML+CSS][텍스트 관련 스타일] 01 - 글꼴 관련 스타일 [HTML+CSS][CSS 기초] 03 - 캐스케이딩 스타일 시트 (CSS) [HTML+CSS][CSS 기초] 02 - 주요 선택자 [HTML+CSS][CSS 기초] 01 - 스타일과 스타일 시트 [HTML.. onelight-stay.tistory.com 텍스트에 대해 다양한 스타일에 대해서 알아보았다면 문단으로 글을 작성할 때 넣을 수 있는 스타일에 대해서 알아보자. direction 속성 : 글자 쓰는 방향 지정 text-align 속성 : 텍스트 정렬 text-justify 속성 : 정렬 시 공백 조절 text-align 속성이 justify일 경우, 양 끝쪽에 맞춰.. 2020. 6. 27.

[HTML+CSS][텍스트 관련 스타일] 02 - 텍스트 스타일 [HTML+CSS][텍스트 관련 스타일] 01 - 글꼴 관련 스타일 [HTML+CSS][CSS 기초] 03 - 캐스케이딩 스타일 시트 (CSS) [HTML+CSS][CSS 기초] 02 - 주요 선택자 [HTML+CSS][CSS 기초] 01 - 스타일과 스타일 시트 [HTML+CSS][폼 관련 태그들] 05 - 다양한 폼 요소들 [HTML+CSS.. onelight-stay.tistory.com 폰트를 바꿔보는 시간을 가져보았으니 이제는 텍스트 스타일을 바꿔보는 시간을 가져보도록 하자. color 속성 : 글자 색 지정 웹 문서에서 문단이나 제목 등의 텍스트에서 사용되는 글자 색을 바꿀 때 사용하는 속성으로 색상 값은 16진수나 rgb, hsl 또는 색상 이름으로 표기할 수 있다. text-decorati.. 2020. 6. 26.

[HTML+CSS][텍스트 관련 스타일] 01 - 글꼴 관련 스타일 [HTML+CSS][CSS 기초] 03 - 캐스케이딩 스타일 시트 (CSS) [HTML+CSS][CSS 기초] 02 - 주요 선택자 [HTML+CSS][CSS 기초] 01 - 스타일과 스타일 시트 [HTML+CSS][폼 관련 태그들] 05 - 다양한 폼 요소들 [HTML+CSS][폼 관련 태그들] 04 - 여러 데이터 나열해 보여주기 태그.. onelight-stay.tistory.com 태그 안에서 직접 사용하는 스타일 중에서 글꼴 관련 속성에 대해서 알아보자. font-family 속성 : 글꼴 지정 텍스트 문단의 글꼴을 '굴림'으로 설정하고 싶을 때 기본형에 맞춰서 입력해 주면 된다. 만약에 원하는 글꼴이 없을 경우에는 원래라면 브라우저 기본값으로 글꼴이 설정되는데, 이를 대비해 첫 번째 글꼴이 없.. 2020. 6. 25.

[HTML+CSS][CSS 기초] 03 - 캐스케이딩 스타일 시트 (CSS) [HTML+CSS][CSS 기초] 02 - 주요 선택자 [HTML+CSS][CSS 기초] 01 - 스타일과 스타일 시트 [HTML+CSS][폼 관련 태그들] 05 - 다양한 폼 요소들 [HTML+CSS][폼 관련 태그들] 04 - 여러 데이터 나열해 보여주기 태그의 다양한 속성" data-og-description=".. onelight-stay.tistory.com 우리가 지금 배우고 있는 CSS에서 C의 약자인 캐스케이딩에 대해서 이해해보는 시간을 가져보도록 하자 CSS에서 'C'는 캐스케이딩의 약자로 '위에서 아래로 흐르는 스타일시트' 라는 뜻이다. 캐스케이딩은 선택자에 적용된 많은 스타일 중에 어떤 스타일을 나타낼지를 결정한다는 뜻이다. 이때 캐스케이딩에서 두 가지 원칙을 살펴보고 확인해보도록 하.. 2020. 6. 24.

이전 1 ··· 4 5 6 7 8 9 10 11 다음

티스토리툴바