목록Front-end/Client (32)
Daily coding
header / main / footer : 화면 구조에서 가장 많이 사용되는 3가지를 태그로 만듦 Insert title here header 영역 main 영역 box1 box2 footer 영역
번호이름나이 1홍길동24 2일지매21 3성춘향17
List의 CSS 설정 중 아이콘에 이미지를 넣는 기능 list-style-image: url ('이미지주소'); list-style-type: 리스트의 마커를 지정할수 있다 ( ul-동그라미, 네모 ... / ol : 숫자, 로만자..등) Coffee Tea Cocoa Apple Pear Banana
a { } : 링크와 관련된 속성 설정할 수 있다 - text-decoration : none ----> 링크의 밑줄 없애기 - color : 글자색, background-color: 배경색 등.. - transition : css 속성의 변화 속도 설정하기 a:link {} : 클릭 전의 링크의 속성 설정하기 a:visited {} : 방문 후의 링크의 상태 설정하기 a:hover {} : 링크에 마우스를 올렸을 때 상태 설정하기 a:active {} : 링크를 클릭 했을 때 상태 설정하기 [종합]"뒷담화 이간질…드레스도 뺏겨" "뒷담화 이간질…드레스도 뺏겨" "뒷담화 이간질…드레스도 뺏겨" Naver 사이트로 이동
obj = document.getElementById("demo"); -----> getElement를 통해 오브젝트를 통째로 받아온다. // css 적용하기 ---> .style 로 어트리뷰트에 접근 obj.style.color= "white"; obj.style.backgroundColor = "blue"; obj.style.textAlign = "center"; obj.style.borderStyle = "double"; obj.style.borderColor ="#00ff00"; obj.style.fontFamliy = "MS PGOTHIC"; obj.style.fontStyle = "italic"; obj.style.fontSize = "24pt"; Hello CSS World..
p tag left using attribute p tag center using attribute p tag right using attribute h3 tag align using CSS p tag id p1 p tag class p2 가나다라마 2020년 경자년을 여는 첫번째 판타지 어드벤처 '닥터 두리틀'이 영화진흥위원회 영화관입장권통합전산망 기준 개봉 첫날 박스오피스 정상에 등극했다.
가장 많이쓰는 단위 : px % em p tag의 글자크기 단위는 1 cm입니다. p tag의 글자크기 단위는 1 mm입니다. p tag의 글자크기 단위는 1 inch입니다. p tag의 글자크기 단위는 1 pt입니다. p tag의 글자크기 단위는 1 pc입니다. p tag의 글자크기 단위는 1 px입니다. p tag의 글자크기 단위는 1 em입니다. p tag의 글자크기 단위는 200% 입니다.
CSS : Cascading Style Sheet 문자의 컬러, 종류, 형태지정, 배경색지정, 이미지 세팅, 테두리 넣기 각종 tag, id, class에 형채를 추가할 수 있음 CSS 적용방식 1. inline 방식 - 위의 방식은 인라인(inline) 방식 - 적용은 잘 되지만 가독성이 좋지 않아서 internal 방식(head에 css넣음)을 사용 이 부분의 글자 크기는 10pt입니다 style : Attribute, font-size: property 2. internal 방식 태그 안에 반드시 써주어야한다. - 방식 태그명 or class(.) or id(#) { property명 : 값1;값2;값3; } ** 이미 인라인 방식이 적용된 태그는 인터널로도 변하지 않음 3. external 방식 ..
: jsp 파일에서의 주석문 * form으로 내보낸 데이터는 jsp파일을 통해 자바에서 출력하거나 DB에 입력할 수 있다. - 모든 데이터는 String으로 받아들이기 때문에 숫자나 다른 데이터형은 변환해야한다. String id = request.getParameter("form에서내보낸데이터의name"); String choice [] = request.getParameterValues("form에서내보낸데이터의name"); - 체크박스와 같이 여러 데이터를 받을 때는 getParameterValues를 통해 배열로 받도록 한다.