본문 바로가기

전체 글153

[Javascript] parseInt() 문자열을 정수로 바꾸는 함수이다. offset 메서드로 인해 소숫점이 많을 때 활용할 수 있다. $(".s1OT").text(parseInt($("#section1").offset().top)); 190.002753 -> 190 2021. 6. 30.
[CSS]변수 사용하기 CSS에 변수를 만들어서 사용할 수 있다. 여러 값을 한 번에 변경할 수 있기때문에 유지보수에 효율적이다. CSS 변수 만들기 :root{ --red : #dc3545; --blue : #007bff; } CSS 변수 사용하기 .box{ background-color:var(--red); } 2021. 6. 30.
[HTML] figure / figcaption HTML5에서 새롭게 추가된 태그와 요소이다. 보통 여러가지 요소들을 묶을 때 div를 많이 사용했으나 figure태그를 통해 웹 접근성을 높일 수 있다. figure가 '형태'라는 뜻으로 여러가지 요소들을 묶어 한 형태로 만들어 놓는 것이라고 볼 수 있다. 태그 - 설명 글을 붙일 대상 지정 - 설명 글을 붙여야 할 대상을 지정하거나 웹 문서에서 오디오나 비디오 같은 멀티미디어 파일을 비롯해 사진이나 표, 소스 코드 등 웹 문서 안에서 한 단위가 되는 요소를 묶을 때 사용한다. - 만약 이미지 태그만 사용한다면 굳이 태그를 사용하지 않아도 되지만 이미지에 설명 글을 넣으려면 태그로 묶어줘야 한다. 태그 - 설명 글 붙이기 - figure 요소 안에서의 콘텐츠에 대한 제목 출력 See the Pen by.. 2021. 6. 30.
반응형

티스토리툴바