본문 바로가기

IT/CSS

웹 디자인을 위한 참고 사이트 1. 색상 구성표 사이트: https://color.adobe.com/ko/ 직접 색상을 만들고 인기있는 색상표가 무엇인지 검색도 가능. 2. CSS 속성과 함수 등 Reference를 제공하고: http://tympanus.net/codrops/css_reference/ 3. 아이콘 참고 사이트: http://fontawesome.io/icons/ 더보기
Css 글자 깨지는거 방지 Css 글자 깨지는거 방지하는거.. 줄바꿈 금지: 내용강제 줄바꿈: 내용 더보기
CSS 기본 2015.11.21 T아카데미 CSS 수업. HTML:Link to the W3C websiteCSS:a:link{color:green;text-decoration:underline}a:visited{color:red}Output:Link to the W3C website CSS 에서 띄어쓰기와 '>' 차이점띄어쓰기면 그 섹션 안에 있는 모든 자식, 손자 태그를 다 포함'>'면 섹션 안에 있는 자식 태그만 포함 ol 태그 안에 있는 3번째 li를 선택 함. 괄호에다가 2n으로 하면 짝수행에.. odd, even도 가능ol li:nth-child(3){color:red} 속성Selector내용버전E[attr]'attr' 속성이 있는 E 요소 선택2.1E[attr="name"]'attr' 속성의 값이 'na.. 더보기
어울리는 색깔끼리 보여주는 사이트 어울리는 색깔끼리 보여주는 사이트 : https://color.adobe.com/ko/explore/most-popular/?time=all 더보기
float 속성의 이해 태그를 사용하게 되면 display:block이 기본이기 때문에 한 줄에 하나의 태그를 볼 수 있습니다. ( 태그 속성과 비슷함)여러개의 태그를한 줄에 나타내고 싶은 경우 float 속성을 쓰면 됩니다. 여기서 주의할 점은,float 속성을 사용한 후 그 뒤에오는 div에 clear라는 속성을 붙여주어야 합니다.clear안에 있는 값으로는 left, right, both를 넣을 수 있습니다.즉 clear 속성을 가진 엘리먼트는 다른 엘리먼트들의 float 속성을 무시하고 원래의 자기 자신의 자리를 찾게 됩니다. 더보기