코딩기초(9)
-
1일차 nth-child 구조 선택자
nth-child(2n+1) : 홀수만 선택 nth-child(2n) : 짝수만 선택 first-child: 첫 번째만 선택 last-child : 마지막만 선택 English Korean Chinese French Spanish Japanese Irish 결과물
2020.10.26 -
1일차 nth-child 구조 선택자
nth-child(2n+1) : 홀수만 선택 nth-child(2n) : 짝수만 선택 first-child: 첫 번째만 선택 last-child : 마지막만 선택 ul li:nth-child {} 이 코딩을 할 때 띄어쓰기 잘못하거나 스펠링이 틀리면 결과값이 잘 안 나오므로 주의한다. 아무때나 띄어쓰기를 하면 안 되는 점 주의! English Korean Chinese French Spanish Japanese Irish 결과물
2020.10.26 -
1일차 margin 가운데정렬
margin: 0 0 0 0 시계방향으로 상,하,좌,우로 지정 값의 위치를 주는 것. margin: 30px, 0 로 하면 상, 하는 30px만큼 떨어지지만, 좌,우는 0px가 된다. margin: 0, 500px, 30px, 0 이런 식으로 따로 따로 지정할 수도 있다. margin: 0 auto; 이렇게 지정하면 항상 콘텐츠가 가운데 정렬이 된다. 웹 페이지의 크기에 상관 없이 가운데 정렬이 되기 때문에 매우 중요함. text-align: center; : 글씨 가운데 정렬 em; : 배수로 크기를 키우기 참치김치찌개 심겹살볶음밥 구운닭갈비 왕갈비치킨 오삼철판볶음 결과물
2020.10.26 -
1일차 CSS 기초 background, border, font, hover
기본적으로 hover : 마우스 커서를 대었을 때 글씨의 색상이 변경된다. 사전적 뜻은 서성이다, 맴돌다 이런 뜻이다 ㅎ_ㅎ Maryable Day 안녕하세요. 메리어블한 하루~ Maryable Day 안녕하세요. 메리어블한 하루~
2020.10.26 -
3일차 레이아웃 구성 태그 div / span , div를 이용한 레이아웃 구성
태그처럼 한 공간을 마련해서 값을 입력할 수 있게 한다. 이 태그를 코딩할 때 연속해서 쓴다고 해도 결과 값은 아래로 나열된다. div태그와 반대로 일렬로 값을 나열한다. 이 태그 또한 마찬가지로 엔터로 띄어서 코딩한다고 해도 결과값은 일렬로 나열된다. 태그로 억지로 한 칸 내려서 쓸 수는 있다. div태그 block_1 block_2 block_3 block_4 P태그 block 리스트1 리스트2 리스트3 span tag1 span tag2 span tag3 span tag4 div 태그를 이용하여 레이아웃 구성하기 실습화면 Maryable Day New post Learning English Travel BF Cat Contact us My name is Mary Lee from Seoul Korea..
2020.10.26 -
3일차 개인연습 Video 태그 및 html 콘텐츠 모델
video src는 비디오가 어디에 있는지 주소를 불러오는 태그 type는 어떤 확장자인지 controls는 재생버튼 등의 제어창을 보이게 할 것인지 이렇게 한 번에 써도 되고 나눠서 속성태그를 넣어도 된다. 실습화면 결과 화면 Content Models 의 7 분류 Metadata Content Flow Content Sectioning Content Heading Content Phrasing Content Embedded Content Interacitve Content 1. Metadata " base, link, meta, noscript, script, style, title " Metadata에는 콘텐츠의 스타일, 동작을 설정하거나 다른 문서와의 관계 등 정보를 포함하는 요소들이 포함됩니다...
2020.10.26