'CSS' 태그의 글 목록 (9 Page)

본문 바로가기

[HTML+CSS][색상과 배경을 위한 스타일] 04 - 연습문제 01 웹 디자인 트렌드를 따라잡는 비법 대공개! 그래픽 프로그램으로 웹 디자인 요소를 일일이 만들어 웹사이트를 제작하는 시대는 지났다. 이제 모바일, 태블릿, PC 등 멀티 디바이스에 한 번에 적용할 수 있는 웹 디자인 방법을 알아야 한다. 바로 코딩을 이용한 웹 디자인이다. 02 웹 디자인 트렌드를 따라잡는 비법 대공개! 그래픽 프로그램으로 웹 디자인 요소를 일일이 만들어 웹사이트를 제작하는 시대는 지났다. 이제 모바일, 태블릿, PC 등 멀티 디바이스에 한 번에 적용할 수 있는 웹 디자인 방법을 알아야 한다. 바로 코딩을 이용한 웹 디자인이다. 03 하루 한 알의 사과는 의사를 멀리 한다 Do it! HTML5+CSS3 웹 표준의 정석 ※ 해당 글은 습득 목적으로 작성된 글입니다 ※ 2020. 7. 3.

[HTML+CSS][색상과 배경을 위한 스타일] 03 - 그러데이션 효과로 배경 꾸미기 [HTML+CSS][색상과 배경을 위한 스타일] 02 - 배경색과 배경 이미지 [HTML+CSS][색상과 배경을 위한 스타일] 01 - 웹에서 색상 표현하기 [HTML+CSS][텍스트 관련 스타일] 04 - 목록 스타일 [HTML+CSS][텍스트 관련 스타일] 03 - 문단 스타일 [HTML+CSS][텍스트 관련 스타일] 02 - 텍.. onelight-stay.tistory.com 단순히 이미지와 배경색으로도 배경을 꾸밀 수 있지만 이번에는 좀 더 다채로운 그러데이션에 대해서 배워보자. 그러데이션과 브라우저 접두사 그러데이션을 현재에는 표준화된 구문이 완성되어 한결 수월해진 편이다. 하지만 현재의 표준화된 구문 외에도 그러데이션을 접두사를 붙여 사용하는 브라우저까지 고려해 함께 입력해야 한다. 이때, .. 2020. 7. 2.

[HTML+CSS][색상과 배경을 위한 스타일] 02 - 배경색과 배경 이미지 [HTML+CSS][색상과 배경을 위한 스타일] 01 - 웹에서 색상 표현하기 [HTML+CSS][텍스트 관련 스타일] 04 - 목록 스타일 [HTML+CSS][텍스트 관련 스타일] 03 - 문단 스타일 [HTML+CSS][텍스트 관련 스타일] 02 - 텍스트 스타일 [HTML+CSS][텍스트 관련 스타일] 01 - 글꼴 관련 스타일.. onelight-stay.tistory.com 색상 표기법들에 대해 익혀 보았다면 이를 활용하는 배경 색과 배경 이미지에 대해서 알아보도록 하자. background-color 속성 : 배경 색 지정하기 색상을 세밀히 조절하고 싶을 경우엔 16진수를, 투명도를 함께 조절하고 싶다면 rgba 표기법을, 간단한 원색만을 사용할 경우에는 색상 이름을 사용해 색상을 지정할 수 .. 2020. 7. 1.

[HTML+CSS][색상과 배경을 위한 스타일] 01 - 웹에서 색상 표현하기 [HTML+CSS][텍스트 관련 스타일] 04 - 목록 스타일 [HTML+CSS][텍스트 관련 스타일] 03 - 문단 스타일 [HTML+CSS][텍스트 관련 스타일] 02 - 텍스트 스타일 [HTML+CSS][텍스트 관련 스타일] 01 - 글꼴 관련 스타일 [HTML+CSS][CSS 기초] 03 - 캐스케이딩 스타일 시.. onelight-stay.tistory.com 웹을 디자인할 때 중요한 부분을 차지하는 색상에 대해서 알아보고 색상을 표기하는 방법들에 대해서 살펴보자. 16진수 표기법 ‘#’ 기호 다음에 6자리의 16진수로 표시하며 #RRGGBB 형식으로 표시해 준다. 이때, 숫자가 커질수록 색이 많이 섞였다는 것을 의미한다. rgb 와 rgba rgb는 빨간색, 초록색, 파란색의 양을 나타내며 0.. 2020. 6. 30.

[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.

이전 1 ··· 6 7 8 9 10 11 12 ··· 14 다음

티스토리툴바