HTML&CSS (31) 썸네일형 리스트형 html 문법 검사 받을 수 있는 사이트 validator.w3.org/#validate_by_input The W3C Markup Validation Service Validate by File Upload Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website. validator.w3.org verdor prefix CSS3 표준안은 아직 확정되지 않았기 때문에 표준이 되지 않은 속성은 모든 브라우저에서 동일한 효과가 적용되지 않는다. 이때 브라우저에 따라 다른 접두어를 붙이는 방식으로 속성을 적용하는데, 이를 'verdor prefix’라고 말한다. -webkit-border-radius: 1px; // 사파리, 크롬 -moz-border-radius: 1px;//파이어폭스 -o-border-radius: 1px; // 오페라 -ms-border-radius: 1px; // 익스플로러 border-radius: 1px; // CSS3 표준속성 배경색을 투명하게 background-color: transparent; 아이콘 배경색을 투명하게 background-color: transparent; css overflow: hidden; textarea scroll 바 모양 숨기기 textarea { overflow: hidden; } navigation /ul태그안에 li태그들 앞에 아무것도 안붙이기/ text-decoration: none; /클릭했거나 안하거나 색깔 검정으로 * { padding: 0px; margin: 0px; /*이렇게 까지 하면 기본적으로 모든 요소들이 가지는 padding, margin 값이 어느 정도 있는데 그걸 0으로 없애 준다*/ box-sizing: border-box; /*만약 뭔가를 고정 px로 만들 때 저절로 뭔가와 padding, margin 값을 포함해서 내가 원하는 크기로 만들어 준다.*/ } list-style: none; ul태그안에 li태그들 앞에 아무것도 안붙이기. a태그에 밑줄없애기 text-decoration: none; position : 여러종류 있는데 relative!! 기본값이 static인데 다른 element랑 겹칠 수 없음, 위치변경 불가능 클릭했거나 안하거나 색깔 검정으로 .test { text-decorat.. flex .container display : block 이게 기본 display : inline-block display : flex flex-direction: row 이게 기본 flex-direction: column justify-content: space-between; justify-content: space-evenly; justify-content: space-around; 자식 태그에 flex : 1; 씩 주던지 비율대로 weight주는거다 flex-direction: row 이면 justify는 main axis가 가로인데 세로로 정렬하고 싶을때 (=cross axis) justify-items: 어느위치 반대로 flex-direction: column이면 justify는 main axis가 세.. flex grow ul이 원래 block 이니까 ul에다가 flex grow:1이개 쫙 뻗는 애들이래 배치 position 속성 static, relative, absolute, fixed 이전 1 2 3 4 다음
