'개인공부' 카테고리의 글 목록 (58 Page)

본문 바로가기

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

[HTML+CSS][폼 관련 태그들] 05 - 다양한 폼 요소들 [HTML+CSS][폼 관련 태그들] 04 - 여러 데이터 나열해 보여주기 태그의 다양한 속성" data-og-description="태그" data-og-description="[HTML+CSS][폼 관련 태그들] 01 - 폼(form) [HTML+CSS] [이미지와 하이퍼링크] 03 - SVG 이미지 [HTML+CSS] [이미지와 하이퍼링크] 02 - 링.. onelight-stay.tistory.com 앞 전에 배운 폼들과 더불어 더욱 다양한 폼 요소들에 대해 알아보자. - 버튼 태그에서도 버튼을 넣을 수 있지만 태그를 사용해 버튼을 삽입할 수 있다. 과의 차이점은 은 태그 자체에서 역할을 확인할 수 있기 때문에 화면 낭독기에서 버튼이 있다는 것을 정확하게 전달할 수 있으며, 버튼에 아이콘과 디자인.. 2020. 6. 20.

이전 1 ··· 55 56 57 58 59 60 61 ··· 64 다음

티스토리툴바