분류 전체보기

728x90
Front-end/CSS

[CSS] 태그 요소를 화면에 안 보이게 만들기 (display, opacity)

display 속성 이용 display: none; : 요소를 사라짐 display: block; : 요소가 나타남 opacity 속성 이용 opacity: 0; : 요소가 투명해짐 opacity: 1; : 요소가 나타남 둘의 차이는 display는 요소 자체를 삭제하고 opacity는 투명도만 조절

Front-end/CSS

[CSS] 태그의 분류 (block, inline, inline-block)

태그의 분류 블럭 요소 태그 : 구조를 담당 , , , , , 등 인라인 요소 태그 : 내용을 담는 태그 CSS 크기 적용 안됨 , , , 등 display: block 을 설정해주면 크기 적용가능 인라인블럭 요소 태그 : 내용을 담는 태그 CSS 크기 적용 가능 , 등 여러개의 인라인블럭 요소가 있을 경우 바닥을 기준으로 배치되며 여백이 개별적으로 적용이 안됨 vertical-align : top 을 적용시켜주면 됨 ex) vertucal-align : top display 속성 display : block display : inline display : inline-block display : none ex) display : none : 요소에 마우스 커서가 올라가야 화면에 나옴

Front-end/CSS

[CSS] 요소를 배치하는 Flex 박스 레이아웃

flex : 원하는 위치에 배치, 너비, 높이, 위치 변형 { display : flex; } flex와 float의 차이는 flex는 브라우저의 크기를 조절하게되면 안에 요소들의 사이즈도 자동으로 조절됩니다. flex-direction 속성 : 방향 설정 row row-reverse column column-reverse ex) flex-wrap 속성 : 줄바꿈 nowrap wrap wrap-reverse justify-content 속성 : 수평 정렬(가로 정렬) flex-start flex-end center space-between space-around space-evenly align-items 속성 : 수직 정렬(세로 정렬) stretch(기본값) start end center align-c..

기타/코딩테스트

[코딩테스트_Java] 문자열 여러 번 뒤집기

str.toCharArray(); : String을 char 배열로 바꾼다. String.valueOf(char); : char을 String으로 바꾼다.

728x90
eunjin-park
'분류 전체보기' 카테고리의 글 목록 (69 Page)