'HTML' 태그의 글 목록 (8 Page)

본문 바로가기

[HTML+CSS][CSS 박스모델] 04 - 연습문제 01 02 메뉴1 메뉴2 메뉴3 메뉴4 Do it! HTML5+CSS3 웹 표준의 정석 ※ 해당 글은 습득 목적으로 작성된 글입니다 ※ 2020. 7. 7.

[HTML+CSS][CSS 박스모델] 03 - 여백을 조절하는 속성들 [HTML+CSS][CSS 박스모델] 02 - 테두리 관련 속성들 [HTML+CSS][CSS 박스모델] 01 - CSS와 박스모델 [HTML+CSS][색상과 배경을 위한 스타일] 03 - 그러데이션 효과로 배경 꾸미기 [HTML+CSS][색상과 배경을 위한 스타일] 02 - 배경색과 배경 이미지 [HTML+CSS][색상.. onelight-stay.tistory.com 박스 모델의 테두리에 대해서 배워보았는데 기존에 있는 박스 모델을 단순히 테두리만 적용하면 콘텐츠 영역에 바짝 붙은 테두리의 어정쩡한 모양에 어색함을 느낄 것이다. 이번에는 눈으로 보기에 훨씬 안정적인 박스 모델의 여백을 넣어 보도록 하자. margin 속성 : 요소 주변 여백 설정 margin이란 현재 요소 주변의 여백을 나타내며, 한 .. 2020. 7. 6.

[HTML+CSS][CSS 박스모델] 02 - 테두리 관련 속성들 [HTML+CSS][CSS 박스모델] 01 - CSS와 박스모델 [HTML+CSS][색상과 배경을 위한 스타일] 03 - 그러데이션 효과로 배경 꾸미기 [HTML+CSS][색상과 배경을 위한 스타일] 02 - 배경색과 배경 이미지 [HTML+CSS][색상과 배경을 위한 스타일] 01 - 웹에서 색상 표� onelight-stay.tistory.com 텍스트 단락뿐만 아니라 그림이나 표, 양식 등에 표현할 수 있는 테두리에 대한 관련 속성들에 대해서 알아보자. border-style 속성 : 테두리 스타일 지정 border-width 속성 : 테두리 두께 지정 border-width는 테두리의 두께를 지정하는 것으로 해당 속성을 이용해 한꺼번에 표시할 때 속성 값이 2개라면 위아래와 좌우를 묶어 지정하고 .. 2020. 7. 5.

[HTML+CSS][CSS 박스모델] 01 - CSS와 박스모델 [HTML+CSS][색상과 배경을 위한 스타일] 03 - 그러데이션 효과로 배경 꾸미기 [HTML+CSS][색상과 배경을 위한 스타일] 02 - 배경색과 배경 이미지 [HTML+CSS][색상과 배경을 위한 스타일] 01 - 웹에서 색상 표현하기 [HTML+CSS][텍스트 관련 스타일] 04 - 목록 스타일 [HTML+CSS][텍스트 관련 onelight-stay.tistory.com CSS에 사용되는 기본 개념들에 대해서 이해하고 CSS의 실질적인 디자인을 만들어보는 시도를 해보자. CSS 박스 모델 CSS 박스 모델이란 웹 문서의 내용을 박스 형태로 정의하는 방법으로 여러 개의 박스 모델들이 모여 웹 문서를 이루게 된다. 이때, 박스 모델은 요소에 따라서 나열 방식이 달라지며 부르는 명칭도 다르다. 블.. 2020. 7. 4.

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

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

티스토리툴바