fullfish의 개발자 도전기

결과물 HTML 삽입 미리보기할 수 없는 소스 동기 티스토리 스킨에 따라서 블로그 관리페이지를 제외한 블로그 메인화면, 블로그 게시물화면에 글쓰기 버튼이 없어서 글 쓰기위해서 관리페이지로 들어가야하는 불편함이 있어서 글쓰기 버튼을 만들었다 티스토리 관리 페이지에서 스킨편집을 누르면 html, css를 수정할 수 있다. 페이지 아래쪽에 글쓰기 버튼을 만들기 위해서 글쓰기 위의 코드처럼 해당 div안에 태그를 넣어줬다 그리고 아래처럼 css를 작성했다 .w-btn { position: relative; border: none; display: inline-block; padding: 15px 30px; border-radius: 80px; font-family: "paybooc-Light", sans-ser..

오늘의 키포인트 CSS (중급) 와이어프레임(Wireframe) 목업(Mock-up) 나의 이해 와이어프레임(Wireframe) : html만들기전 설계하는거 목업(Mock-up) : html문서 내에 하드코딩하는 것 문법 및 중요 # : html의 id속성 부여 // id는 문서내 하나의 요소에만 부여 가능 ~~~~ . : html의 class속성 ~~~ 셀렉터 h1{} : 일반적인 셀렉터 *{} : 전체 셀렉터 section, h1{} : tag 셀렉터 #only{} : id 셀렉터 .only{} : class 셀렉터 --attribute 셀렉터-- a[href] { } p[id="only"] { } p[class~="out"] { } p[class|="out"] { } section[id^="sec..

오늘의 키포인트 css 나의 이해 HTML : 웹페이지 구조 담당 CSS : 시각적인 디자인 요소 담당 JS : 단순한 웹페이지를 상호작용 문법 및 중요 css를 불러 올떄 body 태그내부의 맨 마지막 줄, . 왜냐하면 구조를 다 잡고나서 기능을 붙여줘야하니까 (따로 검색) css기능 넣는 3가지 방법 1. css불러오기 2. html 같은 줄에서 선언하기 3. html 바로 다음줄에 style로 선언. 이것도 검색 색상// 속성 color color : #000000// 글자 색상 background-color #~~~~~~// 배경색상 border-color : #~~~~~~// 테두리 색상 폰트//속성 font font-style : 기울기 등 스타일// nomal : 기본, italic : 기울..