css 3

[jquery] jquery / css 응용

- [test] : 텍스트 작성 창 + 버튼 누르면 팝업처럼 new Page 열리게 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 Insert title here // 버튼을 클릭하면 show 함수를 실행 $(function(){ $("#btn").on("click", show); }) function show(){ // console.log("test"); var w = 300; var h = 300; var x = 100; var y = 100; var spec = "width="+w+",height="+h+",left="+x+",top="+y +",menubar=0,resiz..

web 2023.05.07

[HTML] CSS - div ( block & in-line / position - relative, absolute, fixed / button

* Division : 웹사이트의 레이아웃, 틀을 만들 때 논리적 구분을 위해 사용 > 테이블보다 유용하게 사용 가능! - div는 'block 요소' span, image는 'in-line' 요소 - div 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 css07.html div{ width: 300px; height: 300px; background-color: rgb(255, 137, 157); } #blueDiv{ background-color: rgb(79, 79, 255); } 금요일 BLUE Colored by Color Scripter cs - [응용] 영화 목록 만들기 1 2 3 4 5 6 7 8 9 10 11 12 ..

HTML 2023.04.09

[HTML] CSS(Cascade Style Sheet) - width / border / text-align border-collapse / font / #id / .class

* CSS(Cascade Style Sheet) -> 다양한 디자인적 요소를 정의 선택자 : tag 선택자 { 속성 : 값; } - CSS : 디자인, 모양, 크기 담당 html :페이지의 구조 담당 - style > width / border / text-align / border-collapse 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 css01.html /* ..

HTML 2023.04.09