목록web (86)
Rainbow
04-3 겹치거나 넘치는 요소 다루기 - 입문자를 위한 CSS3 (wikidocs.net) 04-3 겹치거나 넘치는 요소 다루기 ##요소의 겹침 현상과 z-index 웹 문서가 렌더링 될 때, 모든 요소는 문서의 기본적인 흐름에 따라 태그가 쓰여진 순서, 즉 요소가 표현된 순서대로 브라우저 화면에 보여집니… wikidocs.net
jQuery / Method / .attr() – 속성(attribute)의 값을 가져오거나 속성을 추가하는 메서드 – CODING FACTORY jQuery / Method / .attr() - 속성(attribute)의 값을 가져오거나 속성을 추가하는 메서드 .attr() .attr()은 요소(element)의 속성(attribute)의 값을 가져오거나 속성을 추가한다. 문법 1 - 속성의 값 가져오기 선택한 요소의 속성의 값을 가져온다. .attr( attributeName ) 예를 들어 아래는 div 요소 www.codingfactory.net
[JavaScript] 문자열 자르기 (substr, substring, slice) (tistory.com) [JavaScript] 문자열 자르기 (substr, substring, slice) 자바스크립트에서 문자열을 자르기 위해서는 substr(), substring(), slice() 함수를 사용하면 된다. 문자열을 뒤에서부터 자르기 위해서는 slice() 함수를 사용하면 효율적이며 타 언어의 Right 함수와 비 gent.tistory.com
display : { 속성값 } grid : 컨테이너 안의 항목을 블록 레벨 요소로 배치 inline-grid : 컨테이너 안의 항목을 인라인 레벨 요소로 배치 grid-template-columns : 속성 - 각 칼럼의 너비를 지정한다 grid-template-rows : 속성 - 컨테이너 안의 줄의 간격, 높이 지정 px -> 크기 고정 fr -> 상대적 크기 지정 repeat()함수 값이 반복될 경우 줄여서 표현 auto-fill: 너비만큼 채우기 auto-fit: 공간 없이 꽉 채우기 minmax(최소, 최대) - 줄 높이를 고정하지 않고 유연하게 지정한다 - 줄 높이를 고정할 경우 지정한 높이보다 내용이 많을 경우 보이지 않음 px: 크기 고정되어 넘어가면 보이지 않음 minmax(100px ..
BEM이란? CSS 제작 방법론으로, 일종의 네이밍 컨벤션이라고 볼 수 있다. html 요소들을 각각 Block, Element, Modifier이렇게 세 가지로 분류해 작명한다. 각각의 BEM은 각자의 역할이 따로 있으므로 역할에 알맞은 클래스를 붙이는 게 관건이다. BEM이란, Block Elements Modifier의 축약어입니다. 1 즉, 협업이나 유지보수에 있어서 생산성의 향상을 가져다줍니다. 2 css선택자 이름을 정의하면 어디에 사용하는지 쉽게 알 수 있다 예를 들어 설명해 보겠습니다. 다음은 같은 뜻을 지닌 클래스 네임을 다른 방식으로 작성한 것입니다. mymenuitemvisible my-menu-item-visible myMenuItemVisible class="mymenu" 라는 큰..