no image
[CSS/JavaScript] 작은 이미지 위에 마우스 올리면 큰 이미지 변경하게 만들기
이것만 4시간을 만졌다.. 자바스크립트를 넣어줘도 아무런 반응이 없고,hover로 css를 연동시켜서 만져도 아무런 반응이 없었다. html에 onmouseover를 사용해 자바스크립트의 함수를 이용해도 안됐었는데, this를 넣어주니 바로 적용이 되었다.  내가 mouse 커서를 올리면 함수를 실행시킬 항목에 전부 같은 이름의 메서드를 넣어준다.   그러고 매개변수로 받아주면 실행이 아주 잘된다.. 나는 보드게임을 좋아해서 보드게임을 예시로 만들어보았다.테포마.. 언제 해볼 수 있을까?? 이런 난이도의 게임을 언젠가 시도할 수 있을거란 믿음을 가져본다ㅎㅎ..
07:38:46
no image
웹 background 배경화면 고정된 이미지로 설정하기
body { /* 이미지 반복 안함 no-repeat */ /* 이미지 고정 0 fixed */ background: url(../image/default.jpg) no-repeat 100% 0 fixed; /* 원본사이즈 100% 넣고 싶을때 */ background-size: cover;}
2024.06.24
CSS 이미지 위에 커서 올리면 다른 이미지 나오게 하기
2024.06.20
no image
CSS 마우스 커서 이미지에 올리면 이미지 커지게 하기
커서 올리기 전  커서 올린 후
2024.06.20
no image
[오류해결]BootStrap에 강제 css적용하기
부트스트랩이 강제적으로 속성 스타일을 적용하기 때문에 css 기능이 먹통이 될 때가 있다.table { border: 2px solid blue !important;} 그럴때는 해당 css속성을 넣은 곳에 !important로 마무리를 해보자.그러면 정상 적용이 된다.
2024.06.19
no image
Bootstrap
https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">       부트스트랩 라이브러리 처음       다시하기  배너 슬라이드 화살표https://www.w3schools.com/bootstrap/bootstrap_carousel.asp W3Schools.comW3Schools 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.w3schoo..
2024.06.17
no image
오류해결)CSS 변경 후 적용안되는 오류
아무리 캐시를 삭제해도 CSS가 적용이 안되서 무한 F5키를 반복해서 연타하다가,도저히 이건 아닌거 같아서 구글링해보니, link 링크 경로 뒷부분에 ?after를 넣어주니 바로 적용이 되었다.
2024.06.09
no image
CSS 언어 정리
- 한국어로 되어 있는 HTML, CSS, JAVASCRIPT 최고의 정리  CSS로 가운데 정렬하기 – 이미지 가로 세로 가운데 정렬 팁! - 코딩에브리바디CSS로 이미지를 가운데 정렬하는 방법을 알려드립니다! 이 글에서는 가로 가운데 정렬과 세로 가운데 정렬을 모두 다루고 있으며, 초보자도 쉽게 이해할 수 있도록 예시와 팁을 제공합니다.codingeverybody.kr  CSS(Cascading Style Sheets)  1. inline 방식 : tag내에서 style속성으로 직접지정 2. 선언적 방식 : head tag 사이에서 사이에서 선언 3. 외부파일 link 방식(external) :  tag이용해서 외부파일 연결   상위 폴더 움직이는 경로 : .. 위쪽으로 이동한다 현재 폴더 움직이는 ..
2024.06.04
no image
CSS 선택자2
## CSS선택자2 -선택자 : 어떤 요소에 스타일을 적용할것인가에 대한 정보이다. 선택자{ 속성명: 속성값; } -기본 선택자 -그룹 선택자 -특성(속성) 선택자 -결합 선택자 -의사 클래스 -기본 요소 ----------------------------------------------------------------------------------------------------------------------------------------------------------------- # 특성(속성) 선택자 -특성 선택자(속성 선택자)는 주어진 속성의 존재 여부나 그 값에 따라 요소를 선택할 수 있다. -html태그에 클래스라는 속성이 어떤 값을 갖고 있더라도 클래스가 존재하기만 하면 선택된다. -..
2024.04.09