728x90 반응형 CSS5 day06: 드래그 앤 드롭(drag and drop)😮💨 출력결과1 수정1 소스코드1 자바스크립트 function 예제3 Box01 출력결과 2 소스코드2 Drag target 1 Drag target 2 Drag item 1 Drag item 2 Drag item 3 test 출력결과 3 소스코드3 2022. 7. 26. day03 : 나이키,시계,이미지로테이트 웹페이지 만들기 (html,css,js)😵 1. 나이키 메뉴 상세정보 상세정보 배송/결제 정보 유의사항 교환/반품/AS 2. 시계 . 시계 3. 이미지 로테이트 카카오친구들 사진파일 한줄 후기 HTML, CSS 는 게속 하다보니 실력이 향상되는것 같은데 .. JS 많이 부족하다는걸 느꼈다.😵💫 2022. 7. 26. 최신 CSS 기능 5가지! 정리/요약.txt 예전에는 JS 를 사용해야만 구현할 수 있었던 기능인데 이제 CSS만으로 구현 가능하다. 1. @supports -> 브라우저가 해당 css 를 지원하는지 여부를 알려줌 ex) 브라우저가 css grid 를 지원하는지 체크 하는 코드! ex) 브라우저가 css grid 를 지원 안 하는지 체크 하는 코드! 2. CSS Scroll Snap (https://codepen.io/serranoarevalo/pen/xxdYBxZ) -> 웹사이트 스크롤이 어떤지 정할 수 있는 기능임. + 위 CSS Scroll Snap 기능이 css 에서도 사용가능해지면서 단, 2 줄만으로 구현 가능해짐. 3. :is Pseudo Selector 적은 코드 만으로도 수 많은 요소를 선택할 수 있어짐. 4. Flex Box Gap.. 2021. 8. 24. CSS 무엇인가? | HTML & CSS 시리즈 005 HTML 은 알겠는데 CSS 는 뭐야? 이처럼 html 은 내용을 css 는 스타일을 담당한다고 보면 된다. 마치 폰트 크기(Font-size), 텍스트 정렬(text-align), 텍스트 색(color), 여백(margin) 이런 모든 꾸며주는것들을 당당하는게 CSS 이다. 위에 사진을 보면 밑으로 부터 CSS 라고 보면된다. 말 그대로 스타일 담당 하는 코드들인데 작성법은 1. 스타일 해주고 싶은 태그를 먼저 적어준다. ex) h 또는 p 또는 p 안의 em을 스타일 해주기위해서는 p em { 블라블라; } 2. 위에서는 h (헤더)를 꾸며주기위해 h 를 먼저 적고 { }를 적는다. 3. 그리고 { } 안에 다가 스타일 코드를 적으면 되는데 위 코드를 보면, 텍스트 사이즈 , 텍스트 위치 에 대해 설.. 2021. 7. 22. 이전 1 2 다음 728x90 반응형
