속성효과 ​ 1. 불투명속성 마우스 올리면 선명하게 보이게 설정하기 마우스를 올리면 선명하게 보입니다. 구글웹사이트 : 가상클래스선택자는 어떤 상태를 지정한다. 이런상태는 태그,id,class처럼 html 문서상에 있는 것이 아니다. 가상이벤트를 붙이면 특정 이벤트마다 적용 할 스타일을 설정 할 수 있으며, 이를 가상 (추상)클래스라 한다. ​ 텍스트상자안의 배경이미지를 반투명하게 처리하기 html5 웹프로그래밍 마우스를 올리면 힌트와 정답 보여주기 문제] css3에서 불투명도를 적용하기 위한 속성은? 1. border 2. opacity 3. transparency 4. visible 힌트] 불투명을 뜻하는 영문단어를 찾아보세요 정답] 정답은 2번입니다 2. 가시성속성 가시성 visibility : h..

입력양식태그 1.제출/초기화양식 제출양식 : submit get방식 : 빠르고 보안이 좋다 / post방식 : 보이는방식 ​ 초기화양식 : reset 입력데이터 초기화버튼 이름 : 학과 : 2.텍스트/비밀번호 입력양식 텍스트양식 : input type="text"안에 value= "" 비밀번호 입력양식 : password placeholder는 input text 박스에 글씨 떠있게 하는 태그 회원인증입력양식 Id : PW : 3.텍스트 공간 입력/필드셋 양식 텍스트 공간 입력양식 : textarea fieldset 태그: 입력폼이 여러개있을때 경계선 그려 그룹으로 만들때 사용 개인정보입력 이름: 학번: 4.라디오/체크박스/버튼 양식 라디오 입력양식 : radio 체크박스 양식: check box 버튼 ..

기본태그와 멀티미디어태그 ​ 1.특수문자태그 2. 태그 pre태그는 공백,특수문자,줄바꿈 등도 사용자가 입력한 그대로 화면표시 w32 standard w32 mission facts about w3c press and analysts ​ 3.책갈피태그 링크걸기, 클릭시 이동되는 장소 [이름] [주소] [전화번호] [참고] 정보영역 ...생략 정보영역 이름 [TOP] 정보영역 ...생략 정보영역 서울 강남구 신사동 291번지 [TOP] 정보영역 ...생략 정보영역 02-2322-0909 [TOP] 정보영역 ...생략 정보영역 ​ 4.이메일링크 받는사람 받는사람,제목 받는사람,참조,숨은참조 받는사람,참조,숨은참조,제목,본문 받는사람,본문문단 1.목록태그..

html과 css로 게시판 만들기3 게시판 게시글 1 입니다. 김준석│조회:15│2022-05-16(09:00) 게시판 3가지 만들기 끝났습니다! 게시판 3가지 만들기 끝났습니다! 게시판 3가지 만들기 끝났습니다! 게시판 3가지 만들기 끝났습니다! 게시판 3가지 만들기 끝났습니다! Flex응용해서 게시판덧글 만들기

flexboxdefense 주소 Flexbox Defense www.flexboxdefense.com Flexbox Defense Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS! www.flexboxdefense.com CSS Flex 공부를 도와주는 게임 flexboxdefense http://www.flexboxdefense.com/ 게임 시작 전 첫 화면에는 게임에서 사용할 Flex의 속성 설명이 나온다. Ok, got it ! 을 누르면 게임을 시작할수있다. ​ ​ 사진 아래 색상 ..

inspect검사 (개발자도구) 를 통해 웹페이지의 사이즈를 측정할 수있다. ​ padding과 margin의 차이점 contents가안에있는 border안에있냐, 밖에있냐의 차이 ​ 마진(Margin)은 보더값을 기준으로 컨텐츠의 바깥쪽에 위치한 여백을 의미합니다. 패딩(Padding)은 컨텐츠 안쪽의 여백을 의미합니다. CSS content, padding, border, margin 에 대한 설명 : 모든 HTML 요소는 상자로 간주될 수 있다. 그 상자에는 안쪽에서부터 content, padding, border, margin 으로 구성 되어있다. content 실제내용이고, padding 실제내용과 테두리 사이의 여유공간 border 패딩과 콘텐츠를 감싸는 테두리 margin 해당 요소와 다른 ..

html과 css로 게시판 만들기2 게시판 ▷ 총 3개의 게시물이 있습니다. SELECT 제목 글쓴이 번호 제목 글쓴이 일시 조회수 1 게시글 1 입니다. 김준석 2022-05-18 15 2 게시글 2 입니다. 김준석 2022-05-18 15 3 게시글 3 입니다. 김준석 2022-05-18 15 ◀ 이전 1 다음 ▶ ↑검색하여 내가 만든 코드 ​ hr태그 수평선을 뜻하는 A horizontal rule 의 약자 그냥 선만 긋는 태그이기 때문에 종료없이 hr 태그만 쓰면된다. hr 선은 태두리(border)부분과 안쪽영역으로 이루어져있다. border은 색을 바꾸고 크기를 조절하고 없앨수있다 안쪽영역도 색,크기를 조절할 수있다. border 조절 방법 길이 width(0%~100%) 높이 height (..

CSSdiner (선택자 게임) CSS Diner 체크된 색상 참고하고 아래 게임 설명을 읽어주세요. 보라색: CSS {선택자(html공간에서 무언가를 가져올) 넣는 공간} 연두색: HTML {어떤것을 선택할지 참고할 body안의 값} 노란색: 문제의 내용 {어떤 것을 선택할지 알려줍니다} 빨간색: 상단오른쪽에 세줄의 메뉴 아이콘을 누르면 나오는 문제 목록입니다. ​ ​ ​ 1~32 번 정답 정리 ​ A plate ―――――――― A bento ―――――――― #id #fancy ―――――――― A B plate apple ―――――――― #id A #pency picle ―――――――― .classname .small ―――――――― A.className orange.small ―――――――― put ..