본문 바로가기

css

[2일차]Do it! 반응형 웹 만들기/ 46 ~ 64p / 02. px을 %로 바꾸기_01 Do it! 반응형 웹만들기 공부 2일차다. 02파트를 하루만에 끝내고 싶은 욕심이 있었지만 훑어보니 calc함수와 폰트와 멀티미디어의 가변 등 익숙하면서도 생소한 파트가 나와서 욕심을 버리고 반으로 나누어서 공부하였다. 기존의 반응형을 훑어보기 식으로만 알고 있을때에도 div나 여러 요소들을 단위가 px로 고정된 값이 아닌 %로 하여금 가변적으로 반응하도록 하고 있다는 것은 알고 있었다. 하지만 margin이나 padding 값을 고정할 수 있다는 생각을 하지 못해서 선호하지 않고 있었는데 오늘 책을 보면서 calc 함수로 고정할 수 있다는 사실을 처음 알게 되었다. 움직이는 가변패딩을 사용하는 방법 (가변 패딩을 적용할 패딩값/적용할 박스를 감싸고 있는 박스의 가로너비)*100= 가변패딩 %값 가변 .. 더보기
웹디자인기능사) 실전문제 따라하기 기출 유형 문제 01회 따라하기(앞의 이론들은 아무리 따라해봐도 따로따로 해선 의미가 없다고 판단) 11월 26일 공부한 것 1.파일 저장 요령2. notepad로 html과 css파일 연결하기-드림위버랑 노트패드가 다른건줄 알고 한참 삽질함. 3.선생님이 알려주신 파일 정리하기 꿀팁 문서제목 더보기
티스토리에 코드 예쁘게 삽입하는 방법 티스토리에 코드 예쁘게 넣는 소스 플러그인 적용 참조 파일 및 설명 블로그 http://keyserbetzman.tistory.com/6 사용방법 사용 후 화면출력 사용코드 더보기