My footsteps
짧았던 두달간의 내배카 html/css 초급~중급(인데 이제 쉬운 중급..) 과정이 끝이 났다!! 훠우~!! 사실 난..재직자라 하기도 뭐한게 5시간 알바하면서 한거라 ㅎㅋ.. 근데 그래도 이게이게 은근히 빡세더라잉...그래듀 재밋엇다! 마지막날인 오늘은 3시간만에 메인페이지 하나를 만들라고 갑자기..!!뚜둥..해서..뭐하지 뭐하지 하다가.. 내가 알바하고 있는 커피빈 홈페이지를 고대로 따라 만듦 ㅋㅋ 사실 개인작업 하고 있는거 내고 싶었는데 그거 하자니 너무 시간이 오래 걸릴거같아서..아무거나 적당한거 만들고 그냥 내래서 냈다! (그나저나 나 나름대로 엄청 뿌듯하고..잘만들었다고 생각하는데 어떤분이 자바까지 넣어서..만들었.. 아니 완전 초초 기본 자바 한개 뭐..배우긴 했는데 ..그냥 그거 따라하신거..
*나오게는 하는데 공간은 차지 안하게 하고싶으면 그 대상에 position:앱솔루트 넣어주면 된다. (당연히 부모 섹션에 릴레이티브도 넣어줘야함) *position이나 float가 들어가면 딱 자기영역만큼만 먹는다. 그래서 강제로 크기 지정을 해줘야한다 *img 태그 연동이 잘 됏나 확인하려면 컨트롤+img링크 클릭하면된다 (src안에있는) 홈페이지 코드가 나와있는 책이 있는데 그걸 계속 따라해보는게 좋다..(걍 유튭 튜토리얼 많이 따라해보면 될듯..?)
*사진에 필터 적용하는 CSS ▶ filter : grayscale(숫자) blur( ) 퍼뜨림 효과 sepia( ) 갈색톤 opacity( ) 투명도 drop-shadow( ) 그림자 ( )안이 숫자 1이면 100% 적용 0이면 적용X (name: 그냥 input에 이름 지정해준거 / class: css에서 사용할 이름 / placeholder: input창에 쓰여져있을 내용) *transition 넣을땐 동일한 두그룹(원본속성과 hover속성)에 속성이 반드시 있어야한다.
*여백이 있으면 계산에 추가되서, 뭔가 안움직인다면 마진이나 패딩을 0으로 해주면 된다 *가로는 저스티파이, 세로는 얼라인 아이템 *background: transparent; 배경 투명하게 / background: none; 배경 없애기 *auto속성은..그줄을 꽉채워서 다쓰겠다는 얘기(?) *counter-increment: rankup-counter; 목록에 숫자 자동으로 붙이는거 (content:내용삽입 태그) *닷홈 확인방법* 아무폴더나 들어가서 폴더주소란에 내 닷홈 주소 쓰면 됨 ftp://아이디.dothome.co.kr 하면 폴더 뜨는데 비번 치고 그 폴더에 내가 만들엇던거 다 넣고 인터넷창이나 핸드폰에서 다시 http://아이디.dothome.co.kr 쳐서 들어가면됨