| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |
- 숫자로 이루어진 사각형
- 반복 출력하기
- Docker
- 백준
- 함수를 이용해 직사각형 만들기
- Python
- node.js
- 도커
- java
- SQL
- 네트워크
- 자바
- CSS
- 파이썬
- javascript
- codetree
- Spring
- Fast API
- 리액트
- 별 찍는 것을 5번 반복하기
- vue.js
- react
- programmers
- 실버
- CS
- 프로그래머스
- 스프링
- 클래스
- Node.js 개요
- SWEA
- Today
- Total
목록CSS (3)
HELLo WORLD
1. 웹 접근성장애인이나 고령자분들이 웹 사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이용할 수 있도록 보장하는 것으로, 웹 접근성 준수는 법적 의무사항이다. 2. HTML, CSS 작성 방법 2-1. 시맨틱 태그(Semantic Tag)- 시맨틱 태그(Semantic Tag)란?'의미있는', '의미론적인' HTML 태그를 말한다. - 시맨틱 태그를 사용했을 때 장점* 검색엔진 최적화(SEO): 검색 엔진은 태그를 기반으로 페이지 내 검색 키워드의 우선순위를 판단한다. 따라서 제목 , 중요한 단어 또는 을 사용하는 것처럼 의미에 맞는 올바른 태그를 사용하는 것이 중요하다.* 시각 장애가 있는 사용자가 스크린 리더를 사용하여 페이지를 탐색할 때 도움이 된다.* 시맨틱 태그를 사용하여 마크업을..
1. 글꼴 관련 스타일 1-(1). font-family - 폰트의 이름과 유형을 지정하는 속성. - 이 속성은 태그를 비롯해 태그나 태그처럼 텍스트를 사용하는 요소에서 주로 사용 - 폰트 이름이 두 글자 이상인 경우에는 반드시 ""로 감싸야 한다. - 글꼴 이름을 2개 이상 지정할 때는 두 글꼴 이름 사이에 ,를 넣어 구분 - 나열된 순서로 폰트가 적용된다. - [기본형] font-family: | [,] 1-(2). font-size - 폰트의 크기를 지정하는 속성 - px,%,rem,em 등 여러 단위로 사용할 수 있다. - 키워드를 사용하여 글자 크기 지정하기 xx-small < x-small < small < medium < large < x-large < xx-large - 단위를 사용하여 글..
1. CSS란 Cascading Style Sheet의 약자로, HTML로 만들어진 콘텐츠에 레이아웃과 디자인 요소를 정의하는 기술 1-(1). 장점 - 웹 문서의 내용과 상관없이 디자인만 바꿀 수 있다. - 다양한 기기에 맞게 탄력적으로 바뀌는 문서를 만들 수 있다. 2. 기본 문법 CSS는 선택자와 선언부로 구성된다. [기본형] 선택자 {속성1: 속성값1; 속성2: 속성값2;} 3. CSS 적용 방법 3-(1). 인라인 스타일 - html 태그에 필요한 디자인 속성을 직접 작성하는 형식 - 일관된 디자인 체계를 유지하는데에는 방해가 되기 때문에 꼭 필요한 경우가 아니면 사용하지 않는다. - 스타일을 적용하고 싶은 부분이 있다면 해당 태그에 style 속성을 사용해 style="속성: 속성값;" 의 형..