본문 바로가기

[study]이론정리237

CSS 2일차 - 선택자(2), BEM, 의사클래스, 의사요소 f. 속성명|="속성값"으로 찾기 ( 정확히 속성값이 일치하거나 속성값뒤에 하이픈( - ) 붙은 요소 반환 ) - [속성명|="속성값"] 표현식, 태그명[속성명|="속성값"] a[href|="naver"] { pw 2024. 4. 23.
CSS 1일차 - 선택자 5. CSS 선택자 * DOM 트리 계층구조 - 개별적인 요소를 노드(node) 라고 부른다. element node: tage 의미 text node: 리터럴 값 의미 attribute node: 속성의미 nodelist: 같은 부모의 자식의 모임(배열로 받음) html head body | | title div p span a - href link | | | script div "다음" "daum.net" style | p | "hello" 1) 개념 - DOM 의 요소를 접근(선택)하는 방법. 2) 문법 가. 전체선택자 - * 표현 - DOM 트리에 있는 모든 태그가 선택됨. ex) Hello Hello2 daum world 나. 태그선택자 - 태그명으로 표현 만약에 여러개 표현할떄는 ,(쉼표) 지.. 2024. 4. 22.
CSS 1일차 - 적용방법3가지, 캐스캐이딩 & 명시도 # CSS 1. 환경설정 1) node 설정 https://nodejs.org/ 다운받고 설치(기본설치) cmd 창에서 node -v 입력하고 버전확인. 2) VSC( Visual Studio Code ) 설치 https://code.visualstudio.com/ 다운받고 설치(기본설치) 3) 워크스페이스 작성 2. CSS 역할 및 버전 역할: html 에 시각적 표현을 지정해서 스타일 관리. css1: 1996년 css2: 1998년 css3: 현재까지도 개발중. ( 표준화 버전 ) 3. CSS 적용 방법 3가지 1) 인라인 스타일( inline style ) - html 의 시작태그에서 style 속성으로 스타일을 지정하는 방법. ex) Hello Hello2 Hello2 2) 내부 스타일 ( in.. 2024. 4. 22.
HTML 2일차 - 시멘틱 태그, 사용자 입력, form, img, iframe, 특수문자 16. 시멘틱 태그 ( sementic tag ) 개념: '의미를 갖는다' 뜻으로 각 태그가 자신만의 의미가 있음을 뜻함. 종류: 아이디: 아이디: 아이디: 비밀번호: 성별: 남 여 여 취미: 야구 농구 축구 이메일 전송1 number search file date textarea select 1학년 2학년 3학년 18. form 태그 ==> 반드시 태그로 감싸야 된다. 버튼을 클릭했을때 사용자 입력값이 서버에 전달될 수 있다. 문법: 사용자입력태그 .. 전송 2024. 4. 22.

티스토리툴바