HTML, CSS 썸네일형 리스트형 CSS Selector 1. CSS Selectors In CSS, selectors are patterns used to select the element(s) you want to style. 2. 특징적인 것 .class : 클래스 선택 #id : 아이디 선택 * : 전부 선택 elemenet : 해당하는 element 전부 선택 두개의 선택자를 붙여서 : 두개를 동시에 가지는 것 두개의 선택자를 띄어서 : 오른쪽 거 선택 3. 예시 .name1.name2 : Selects all elements with both name1 and name2 set within its class attribute .name1 .name2 : Selects all elements with name2 that is a descendant o.. 더보기 [CSS] FLEXBOX외 등등 정리 0. - Container와 Item 별로 적용할수 있는 속성값이 있다. - main axis와 cross axis가 있다. .container { display: flex; flex-direction: row; flex-wrap: nowrap; flex-flow: column wrap; justify-content: center; align-items: center; } .item { flex: 0; flex-grow: 0; flex-shrink: 0; } 중심축에 정렬 -> justifycontent 반대축에 정렬 -> align-items 1. div width를 100%로 하면 부모노드의 넓이와 같아진다.! 2. 미디어 쿼리 - 반응형 웹을 사용할 때 사용 @media screen and (max.. 더보기 [CSS] 모듈 1. fontawesome Search | Font Awesome Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com 아이콘 svg 파일을 아주 쉽게 사용가능하다. - 메일로 받은 코드를 안에 넣고 - 필요한 아이콘을 찾아 바로 코드를 복붙 하기만 하면 된다. 2. Live Server Live Server - Visual Studio Marketplace Live Server - Visual Studio Marketplace Extension for Visual Studio Code - Launch a .. 더보기 이전 1 다음
