[CSS] css-중복제거
2017. 5. 2. 15:13
IT 공부/HTML,CSS
CSS 중복을 제거하는 기능 같은 디자인의 css가 적용된 웹페이지들이 수 많이 존재할 경우 각각의 웹 페이지에 같은 CSS코드를 적용한다면 수정할때 모든 웹페이지의 코드를 변경해야하므로 유지보수가 어렵고 코드가 무거워 집니다. html코드 내에서 디자인 코드를 빼서 다른 파일에 저장해 둡니다. 그리고 html코드 상에 적용할 css디자인 파일을 링크해준다면 유지 보수 또한 쉽고 코드도 간결해 질 것 입니다. css 파일 링크 방법 page 2
[CSS] css-background
2017. 5. 1. 21:58
IT 공부/HTML,CSS
background 속성 background-color: 배경색을 칠함 background-image: url('1.png'); 이미지를 배경으로 *배경색과 이미지는 같이 쓰여질 수 있는데 이미지가크면 배경 색은 가려진다. background-repeat: no-repeat; 반복안함 repeat-x; x축만 반복 repeat-y; y축만 반복 background-size: xpx ypx; 배경이미지의 크기를 조절할 수 있다 background-size:cover; 이미지가 잘리더라도 화면에 다 보이게한다. background-size:contain; 이미지가 안잘리게 화면을 쓰게 한다 background-position: center left right 이미지 위치 조정 축약형 background to..
[CSS] css-multicolumn
2017. 5. 1. 21:41
IT 공부/HTML,CSS
multicolumn Layout 신문같은 레이아웃 column-count: 2; //컬럼수를 2개로 나눠서 column-width:200px 씩 나눠서 컬럼 출력 text-align:justify //문자열 맞춤 column-rule-style: //컬럼사이의 구분 선 생성 이상의 찬미를 인간에 방황하였으며, 우리는 교향악이다. 과실이 가치를 이 노년에게서 피고 따뜻한 약동하다. 있는 유소년에게서 그러므로 너의 인생에 넣는 아니더면, 말이다. 우리 꽃 것은 교향악이다. 이상은 가는 방지하는 이것은 있는 것이다. 얼음 피가 두기 불어 별과 못할 군영과 부패뿐이다. 별과 있는 가치를 따뜻한 약동하다. 있는 따뜻한 아름답고 보라. 풀이 있는 힘차게 봄바람이다. 이는 가치를 청춘의 뛰노는 운다. 이상이 것은 ..
[CSS] css 미디어쿼리(mediaquery)
2017. 5. 1. 21:10
IT 공부/HTML,CSS
Media Query 미디어의 상태에 따라 다른 디자인을 한다! (반응형 디자인) 사용방법 ex) 500px 이하일때 변화해라 @media(max-width:500px){ 변화할 내용 } max-width:500px 500px 이하 width:500px 500px 일때 min-width:500px 500px 이상 500px이하 토마토 500px 이상 검정