목록Front-end (28)

기억하기 위한 기록

[웹사이트] 반응형 헤더 만들기 (toggle 버튼 간단 js활용)

*포인트* 정렬 관련 - display : flex ; - flex-direction : column ; - align-items : flex-start ; - justify-content : center ; - justify-content : space-between ; 토글버튼 관련 - document.querySelector - addEventListner - active ; > 클릭 될 떄마다 지정하는 함수를 호출해줘. > 토글버튼 활성화가 되면 menu를 display 해줘. 1. 를 작성한다. 2. 안에 li 태그들로 메뉴를 나열한다. 3. 안에 i 태그들로 아이코을 나열한다. 4. display : flex로 요소들을 정렬해준다. 5. 토글버튼을 폰트어섬에서 i태그로 가져온다. 6. 토글버튼..
Front-end/js 2021. 5. 25. 15:53
[HTML5] <progress>태그 : progress는 진행 정도 나타내는 바를 만드는 태그

마찬가지로 처음 사용해보는 HTML5에 추가된 태그 주요 속성은 max, value이다. max를 전체로 보았을 때 value에 해당하는 정도를 나타낸다. 참고 : www.codingfactory.net/11010 HTML / progress - 진행 정도 나타내는 바 만드는 태그 progress progress는 진행 정도 나타내는 바를 만드는 태그입니다. HTML5에서 추가되었습니다. IE는 버전 10부터 지원합니다. 주요 속성은 max, value입니다. max를 전체로 보았을 때 value에 해당하는 정도를 www.codingfactory.net
Front-end/html 2021. 4. 26. 19:15
[HTML5] <meter> 태그 : 게이지바로 최적값 나타냄

처음 써보는 meter태그에 대한 개념을 적어본다. 태그의 optimum 속성은 범위(gauge) 내에서 최적값(optimal value)으로 간주될 값을 명시합니다. ㄴ> 일정 범위의 영역에서 얼마나 차지하는지를 게이지바로 표현. valul = "현재값" min = "영역최소값" max = "영역최대값" optimium ="영역 최적값" low ="낮은 값을 갖는다고 생각되는 영역" ㄴ> min low
Front-end/html 2021. 4. 26. 18:49
[CSS] HTML문서에 CSS를 사용하는 3가지 방법

외부 스타일 시트(External Style Sheet) 내부 스타일 시트(Internal Style Sheet) HTML태그내에 스타일 지정(Inline Styles) 외부 스타일 시트(External Style Sheet) css라는 확장자를 가진 스타일 시트 파일을 만들고 이 파일을 HTML 문서에 연결하여 사용하는 방법입니다. 내부 스타일 시트(Internal Style Sheet) HTML문서내에서 사이에 스타일을 정의하는 방법입니다. HTML태그내에 스타일 지정(Inline Styles) 위의 방법들에 비해서 적용범위가 더욱 좁아진 형태입니다. 스타일을 적용하고 싶은 HTML태그안에서 정의하는 방법입니다. 이 문단의 색상은 회색으로 지정됩니다. 이 문단의 색상은 회색으로 지정됩니다. 외부css..
Front-end/css 2021. 4. 23. 18:49
이전 Prev 1 2 3 4 5 6 7 Next 다음