본문 바로가기

CSS39

7월 17일 project - main css select 박스 css selectbox CSS 셀렉트박스 CSS 이쁘게 변경하기 HTML 문서내에 아래와 같이 셀렉트박스(selectbox ) 를 사용할 경우 첫번째 선택항목 두번째 선택항목 세번째 선택항목 별도로 CSS 를 설정하지 않을경우 아래와 같이 표기되는데요, 이를 아래와 같 doolyit.tistory.com 무료 아이콘 회원가입하면 이미지 수정 ok The largest platform of free graphic resources in the world- Freepik Millions of free vectors, photos and PSD to download. www.freepikcompany.com bxslider 슬라이드 사용옵션 bxslider 사용법 및 옵션 모음 https:.. 2023. 7. 18.
7월 3일 project - CSS 레이아웃 flex 사용 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com CSS Flex(Flexible Box) 완벽 가이드 많은 경우 float, inline-block, table 등의 도움을 받아서 수평 레이아웃을 구성하지만 이는 차선책이며, 우리는 Flex(Flexible Box)라는 명확한 개념(속성들)으로 레이아웃을 쉽게 구성할 수 있습니다. CSS F heropy.blog flex 정렬 flex 속성 사용 방법: 좌측, 우측, 중앙 정렬 등 CSS flex의 이해 CSS flex는 크.. 2023. 7. 4.
CSS 색상, 단위 CSS 색상표현 1. 정의된 색상 이름 사용하기 예) background-color: tomato color: white; aqua, brown, black 등 정해진 이름을 쓰면 사용이 가능하다. 더 많은 정의된 색상의 이름을 알고 싶다면 아래 링크에서 확인하기 HTML Color Names W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 2. RGB 빛의 삼원색(빨강,.. 2023. 3. 31.
3월 23일 (2) AJAX 정보 받아서 표로 만들기 userId id title 2023. 3. 23.
3월 23일 (1) 웹 사이트 따라서 만들기 따라서 만드는 웹사이트 책 예제 변형해서 만든 버전 웹 사이트 사진화면 부분 자바스크립트로 슬라이드 자동으로 넘어가게 만들기let current = 0; showSlides(); function showSlides() { let slides = document.querySelectorAll("#slides > img"); for(let i = 0; i slides.length) current = 1; slides[current - 1].style.display = "block"; setTimeout(showS.. 2023. 3. 23.
3월 22일 JavaScript - jQuery 요소삭제, AJAX 제이쿼리 연습방법 - 자바스크립트로 짜인 코드를 제이쿼리 방식으로 변경해 보기 어제 이어서 요소의 삭제 1. $("선택자").remove(); 선택한 요소와 그 하위 요소 모두 삭제 2. $("선택자").empty(); 선택한 요소의 하위 요소만 삭제(비운다.) Parent Element Child Element 1 Child Element 2 add remove empty 서버와 클라이언트 통신 방식 1. 동기 통신(Synchronus) 데이터의 시작, 종료 응답을 해줌, 데이터를 못 받은 부분에도 응답을 해주어서 데이터를 완성 시킴, 서로 싱크를 맞춤 a태그, form 태그의 페이지가 완전히 다른 html 화면으로 바뀌는 것을 동기통신이라고 한다. 데이터를 주고받을 때 시작과 종료를 정하고 양 쪽이 .. 2023. 3. 22.

티스토리툴바