본문 바로가기

전체 글601

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

[HTML+CSS][CSS 기초] 02 - 주요 선택자 [HTML+CSS][CSS 기초] 01 - 스타일과 스타일 시트 [HTML+CSS][폼 관련 태그들] 05 - 다양한 폼 요소들 [HTML+CSS][폼 관련 태그들] 04 - 여러 데이터 나열해 보여주기 태그의 다양한 속성" data-og-description="태그" data-og-description="[HTML+CSS][폼 관련 태.. onelight-stay.tistory.com 앞에서 간단하게 알아보았던 선택자에 대해서 좀 더 자세히 공부해 보자. 전체 선택자 스타일을 모든 요소에 적용할 때 사용하며 선택자에 *(별표)를 적어 사용한다. 전체 선택자 특정 태그가 사용된 요소에 스타일을 적용 한다. 클래스 선택자 특정 부분에만 스타일을 적용할 때 사용하는 것이며 클래스 앞에 반드시 마침표(.)를 .. 2020. 6. 23.

[HTML+CSS][CSS 기초] 01 - 스타일과 스타일 시트 [HTML+CSS][폼 관련 태그들] 05 - 다양한 폼 요소들 [HTML+CSS][폼 관련 태그들] 04 - 여러 데이터 나열해 보여주기 태그의 다양한 속성" data-og-description="태그" data-og-description="[HTML+CSS][폼 관련 태그들] 01 - 폼(form) [HTML+CSS] [이미지와 하이퍼링.. onelight-stay.tistory.com HTML을 사용해 폼 요소에 대해서 배웠다면 해당 요소들을 보기 좋게 디자인하는 스타일에 대해서 배워보자. 스타일(Style) 웹 문서에서 스타일이란 HTML 문서에서 자주 사용하는 글꼴이나 색상, 정렬, 각 요소들의 배치 방법 등 문서의 겉모습을 결정짓는 내용이다. ① 웹 문서의 내용과 상관없이 디자인만 바꿀 수 있.. 2020. 6. 22.

[HTML+CSS][폼 관련 태그들] 06 - 연습문제 01 예약 정보 이 름 휴대폰 이메일 02 프런트엔드 개발자 지원서 HTML, CSS, Javascript에 대한 기술적 이해와 경험이 있는 분을 찾습니다. 개인정보 이름 연락처 지원 분야 웹 퍼블리싱 웹 애플리케이션 개발 개발 환경 개선 지원 동기 접수하기 다시 쓰기 Do it! HTML5+CSS3 웹 표준의 정석 ※ 해당 글은 습득 목적으로 작성된 글입니다 ※ 2020. 6. 21.

이전 1 ··· 91 92 93 94 95 96 97 ··· 101 다음

티스토리툴바