본문 바로가기

수업정리/html&css7

[4/7] splice 중간 자료를 삭제하고 추가 할 수 있는코드 var nums = new Array(1,2,3,4,5); nums.splice(2, 1) console.log(nums); //출력화면 //[1,2,4,5] nums.splice(2, 1) => 2번째에서 1개 삭제 (배열 갯수샐때는 0부터니까) 0,1,2 = 1,2,3 이니까 3이 삭제되어서 출력됌 var nums = new Array(1,2,3,4,5); nums.splice(2,0,3) 2 => 2번째 칸?에서 0 => 삭제를 안하고var nums = new Array(1,2,3,4,5); nums.splice(2,0,3) 2 => 2번째 칸?에서 0 => 삭제를 안하고 3 => 3을 배치 2021. 6. 10.
[front-end] CSS 선택자 기본 선택자 기본 선택자는 선택자의 기초를 이루며, 조합을 통해 더 복잡한 선택자를 생성 전체 선택자 *, ns|*, *|*, |* 태그 선택자 elementname 클래스 선택자 .classname ID 선택자 #idname 속성 선택자 [attr=value] 예시 aside.h ▶ .a ▶모든속성의 class dir ▶ 속성 *[dir="rtl"]{ color:green; } *은 모두 포함시켜줌 *[dir="rtl"] = [dir="rtl"] 같은 뜻 콤피네이션 연산자 nav안에 있는 li만 색이 바뀜 nav li{ color:violet; } 셀렉터를 이용한 엘리먼트 선택[바로 이웃 연산자] 자손(Descendant) 결합자 (A B) 자식(Child) 결합자 (A > B) 인접 형제(Adjace.. 2021. 3. 4.
[fornt-end]인라인 태크, CSS 중요 핵심 h ➡ 선택자 =스타일이 적용될 대상자 스타일태그는 헤드안에만 있어야함 이미지삽입하는 태그 img 링크를 만드는 태그 alt > 이미지를 설명해 주는 대체 텍스트. src > 이미지파일 경로 실습예제 .redsun은 class속성으로 묶이므로 빨간글씨로 나타남 #h는 id 속성으로 묶은 부분에서만 분홍색글씨로 나타남 2021. 3. 2.
6일차 front 정리 2/25일 퍼블리싱 하기 제목 달기 = 아웃라인 잡기 제목 태그 : .... 외국은 철저하게 가이드를 지킴 한국은 자유롭게 작성한다 >문제점 : 복잡해질 수 있음 section을 안 쓴 경우 섹션 자체가 해더의 역할은 아님 section을 쓴 경우 section으로 감싸면(각 세션 안에서) 만 써도 됨 섹션을 쓰게 되면 1.ㅇㅇㅇㅇ ㄴㄴㄴㄴㄴ ㄷㄷㄷㄷㄷㄷ 이런 식으로 진행이 되어 만 써도 되는 게 가능해진다 각 태그의 역할 header ->머릿글 main footer 문서 하단에 위치 ➡사람들이 가장 많이 사용하고 가장많이 추천하는 이름으로 표준화가 진행됨 section 부분, 구획이라는 뜻을 지님 구역을 나누는 태그 유사한 내용을 담고 있는 요소들을 하나로 묶어주는 역할을 하는 태그 nav 네이비게이션.. 2021. 2. 25.

티스토리툴바