전체 글 777

틸드 선택자를 사용해서 css 적용하는 방법(원하는 클래스명과 일치하는 요소 찾기/클래스명 포함하는 요소 찾기 등)

간단한 설명 [속성] - 지정한 '속성'일 때 스타일을 적용함. [속성=값] - '값'에 일치할 때 스타일을 적용함. [속성~=값] - 여러값들 중에 값이 포함되어 있는데 정확하게 포함된 것에만 스타일을 적용함. [속성|=값] - 값이 포함되어 있을 때(하이픈 포함 단어도 된다.) 만 스타일을 적용함. [속성^=값] - 값으로 시작할 때 스타일을 적용함. [속성$=값] - 값으로 끝날 때 스타일을 적용함. [속성*=값] - 값이 어디에 있든 포함만 되면 스타일을 적용함. 원하는 클래스명과 일치하는 요소 찾아서 CSS 적용하기 메뉴 1 메뉴 2 떡볶이 비빔밥 원하는 단어를 포함하는 클래스명을 찾아서 CSS 적용하는 방법 외국어 서비스 : 영어 영어 일어 |= 사용법 : 원하는 ..

HTML, CSS 2021.06.02

fieldset, legend 태그 사용하기 / HTML5의 대표적인 공간 분할 태그(div, span)

로그인 아이디 비밀번호 연관 있는 입력 양식 그룹으로 묶는 방법 fieldset, legend 태그 사용하기 HTML5의 대표적인 공간 분할 태그 div 블록 형식으로 공간 분할 한줄을 다 잡아먹는다. span 인라인 형식으로 공간 분할 자신의 글자 크기만큼 영역 차지 왼쪽에서 오른쪽으로 쌓임 시맨틱 태그 시맨틱 태그를 사용한 시맨틱 웹 구현

HTML, CSS 2021.06.02

시맨틱태그_설명(html 웹 문서 구조)

시맨틱 태그 시맨틱 태그를 사용한 시맨틱 웹 구현 header ① nav ② aside ③ section ④ article ⑤ article ⑤ article ⑤ aside ③ footer ⑥ 태그 설명 태그 설명 ① header 머리말(페이지 제목, 페이지 소개) ② nav 하이퍼링크들을 모아 둔 내비게이션 ③ aside 본문 흐름에 벗어나는 노트나 팁 ④ section 문서의 장이나 절에 해당하는 내용 ⑤ article 본문과 독립적인 콘텐츠 영역 ⑥ footer 꼬리말(저자나 저작권 정보)

HTML, CSS 2021.06.02

IE(Internet Explorer) CSS 적용되도록 react 환경 개선하는 방법

순서 1 IE환경에 CSS를 적용할 수 있도록 라이브러리를 추가한다. 나는 yarn을 사용하기 때문에 yarn 명령어를 사용했다. yarn add react-app-polyfill순서 2 import 'react-app-polyfill/ie11'; import 'react-app-polyfill/stable';추가한 모듈을 사용하여 위의 두 코드를 index.jsx 또는 index.tsx에 추가한다. ※ 주의할 점 index.js 파일 제일 상단 에 코드를 삽입해준다. 순서 3 "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome vers..

IT 유용한 정보 2021.06.01

form 데이터 전달을 위한 기초 개념

# 입력 형식 태그와 문서 구조화 (모듈화) ### form 태그 - input - text - submit ### form 데이터 전달 방식 - method - GET : 주소에 데이터를 직접 입력해 전달 - POST : 별도의 방법을 사용해 데이터를 해당 주소로 전달 - action - 데이터를 전달할 경로 ### form 태그 입력 양식 종류 - input - text : text / 글자 입력 양식 생성 - button : button / 버튼 생성 - checkbox : 체크 박스 생성 - file : 파일 입력 양식 생성 - hidden : 보이지 않음 / 해당 내용 표시 안 함 - image : 이미지 형태 생성 - image 태그를 굳이 사용하지 않아도 나타낼 수 있다. - password..

HTML, CSS 2021.06.01
728x90
반응형
LIST