본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

제가 배웠던것을 한곳에 정리해보았어요!

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

728x90

분류 전체보기174

#검색결과

총 174개를 찾았어요 ^^b

/

이미지/텍스트 유형 사이트 만들기! 이미지 텍스트 유형 만들기! 피그마를 이용해 그리드를 생성 후 각 규격에 맞게 요소들을 구성합니다. HTML 코드 웹 표준을 준수하기 위해 태그는 시멘틱 태그를 사용해 작성하며 효율적인 코드 작성을 위해 div태그를 여러개 만드는것이 아닌 한 태그안에 클래스를 다중으로 삽입합니다. 코드보기
2022. 9. 1.
헤더 타입 사이트 만들기~ 헤더 영역 만들기! 피그마를 이용해 그리드를 생성 후 각 규격에 맞게 요소들을 구성합니다. HTML 코드 웹 표준을 준수하기 위해 태그는 시멘틱 태그를 사용해 작성하며 효율적인 코드 작성을 위해 div태그를 여러개 만드는것이 아닌 한 태그안에 클래스를 다중으로 삽입합니다. 코드보기 web site 헤더 영역 슬라이드 영역 배너 영역 컨텐츠 영역 푸터 영역 로그인 CSS코드 폰트는 'NexonLv1Gothic'를 이용하고 .card 클래스를 생성해 카드 Ui를 구현합니다. 코드보기 @import url('https://webfontworld.github.io/NexonLv1Gothic/NexonLv1Gothic.css'); .nexon { font-family: 'NexonLv1Gothic'; font-w..
2022. 9. 1.
요소 크기를 정하는 속성 및 메서드에 대하여..! 요소의 크기를 정할 수 있는 메서드? 메서드를 통해 변경하고자 하는 요소의 크기를 정할 수 있으며, 총 갯수는 약 15가지가 되더라구요,, 오늘은 이것에 대하여 알아보겠습니다! Dimensions width() - 요소의 가로(패딩/보더/마진 미포함) height() - 요소의 세로(패딩/보더/마진 미포함) innerWidth() clientWidth 요소의 가로(패딩포함, 보더/마진 미포함) innerHeight() clientHeight 요소의 세로(패딩포함, 보더/마진 미포함) outerWidth() offsetWidth 요소의 가로(패딩/보더포함, 마진 미포함) outerHeight() offsetHeight 요소의 세로(패딩/보더포함, 마진 미포함) outerWidth(true) - 요소의 가로..
2022. 9. 1.
속성 선택자에 대해 araboza~~~ jQuery : 속성 선택자? 속성 선택자란 선택한 요소를 기준으로 일치하는 속성의 포함 여부를 따진 후 해당 요소를 선택해주는 함수에요! 속성 선택자 종류 종류 설명 요소[속성] $("span[class]") span 요소 중 class 속성을 가지고 있는 요소를 선택합니다. 요소[속성='값'] $("span[class='abc']") span 요소 중 class가 'abc'인 요소를 선택합니다. 요소[속성!='값'] $("span[class!='abc']") span 요소 중 class가 abc'가 아닌 요소를 선택합니다. 요소[속성~='값'] $("span[class~='abc']") span 요소 중 class가 'abc'를 포함하는 요소를 선택하며, 'abc' 앞뒤로 연결된 문자가 없어야 합니다..
2022. 8. 31.
728x90
반응형

#HASH_TAGS

-

1

scroll-snap-align 제이쿼리 멈추지 않는 ' j ' 시리-즈 오늘은 내가바로 오징어! Method 공부 오징어 1Kg 당 3000원 슬라이드 결과 : 월요일 JQuery 코드 메서드 이건 또 뭐람 오징어 두마리 포획 완료 숙제가 다양해서 너무 좋아요 화사한가요? ImageSlideEffect 오늘도 웹표준은.. 코딩 내일은 즐거운 월요일 HTML scroll-snap-type 오징어 한마리 수확 완료! 필터선택자 오늘 조업 마감했습니다. 다크모드 울적하니 꽃을 달아봤습니다 선택해주세요