CSS 속성(Properties) CSS 출력 및 박스 관련 속성 display, visibility, opacity, width, height, overflow, margin, padding, border 등 모든 속성의 값에 initial(초기값), inherit(부모 요소로 부터 상속) display : 화면 출력 모드를 지정하는 속성 태그마다 화면 출력 모드가 block, inline, inline-block 등으로 구성됨. inline 속성 요소 : span, a, strong, em, ins 등 inline 요소의 특징 : 한 줄 안에 자동 줄바꿈이 될 때까지 배치되며, 크기 지정을 할 수 없어 width, height, line-height, text-indent, text-align, pa..
스타일 기본 문법 문법 : 선택자 {속성1: 값1; 속성2: 값2;} 설명 : 선택자(Selector) : 서식을 지정하고 싶은 요소 속성(Properties) : 부여하고 싶은 스타일의 정해진 단어의 특성을 지정 값(Value) : 해당 속성으로 지정가능한 키워드 스타일 지정 방식 인라인 스타일 방식 해당 요소에 style 속성(attribute)로 직접 지정하므로 스타일 지정 즉시 해당 스타일이 그 요소에만 지정되므로, 재사용성이 떨어지고, 변경하기가 힘듦. 그러므로, 필요외로 가급적 사용하지 않도록 함 첫 단어 a {} .클래스명 { } #아이디명 { } 부모 > 자식 { } 형 ~ 제 { } 형 + 바로 밑의 동생 { } .ex1 nav > .lst1 > li { } .ex1 .item1 ~ li..
폼 관련 태그 사용자 편의를 위해 랜덤 클릭 시 아이디 요소로 가는 방법 “for” 속성에 “id” 입력 아이디 입력 및 이름 입력 칸에 설명 “placeholder” 속성 활용 아이디 칸에만 강조 및 커서 “autofocus” 속성 사용 127:0.0.1:5500/ex7.html?id=dddddd&name=홍길동&pw=1234 ?” 이후로 Query String GET 방식을 데이터를 받아옴 form 태그 데이터 전송 방식 : POST