GABOJOK 개린D

간단한 UI 를 만들기에 앞서, UI 만들기 법칙이 있다. UI 만들기 법칙 1.내가 만들고 싶은 ui의 디자인을 다 해놓기.(html.css로) 2. 필요할 때 보여달라고 코드 짜면 됨. (자바스크립트 활용) display : none UI를 평소에 숨기고 싶다. display : block UI를 다시 보여주고 싶다. visibility : hidden 그렇지만 이거는 UI를 숨기는 거라서, 안보이지만 공백이 존재. visibility: visible UI를 숨긴걸 보이게 하고싶다. 근데 다시 보기버튼을 눌러도 보이지 않는다. 왜냐면 display: none을 걸어둬서 그런걸로 추정. 이게 더 쎈듯. 그냥 css파일에 display: none이거 지우고 visibility: visible 만 걸면 먹..

이미지 가운데 정렬 display: block; margin-left: auto; margin-right: auto; 글자 가운데 정렬 text_align : center; 글자 글자간 간격 조정 춘식이 글자 굵게 style = " font-weight: 굵기 설정하기." 혹은 span태그로 감싼 글자만 굵게 하려면 strong태그로 바꿔준다. CSS파일 링크로 걸어두기. rel 은 지금 이 링크거는애 작업하는 애랑 어떤 관계인지 말해주는거 파일의 경로를 적을때 파일이 작업폴더 안에 파일로 존재한다면 그냥 파일명만. 그렇지 않고 작업 폴더 안에 다른 폴더로 존재한다면 폴더명/파일명 이렇게. 경로에 따라서 달라짐. display:block을 기본적으로 가지고 있는 태그들 div, p, h1~6 css는 i..

웹페이지 만들때 쓰는 언어. html. (하이퍼 택스트 마크업 랭귀지 약자) mark up 언어. --->>> 자료들이 어떻게 생겼나. 구조를 표현하기 위한 언어. 메인페이지의 경우 보통 index라고 작성함. img 태그 끝나는 태그 없음. 이미지 태그 안에 src라는 속성 기입. 주소로 가져올게 아니라면, 이미지파일 작업 폴더 안에 넣어야 함. 그래야 왼쪽 파일트리에 해당 파일이 뜨고, 그걸로 인해 따옴표 안에 이미지 이름(혹은 경로) 만 넣어서 가져올 수 있음. 링크로 갈수 있게 하지만. href = " " 속성을 같이 사용하여야 링크로 갈수 있음. 따옴표 안에는 링크 걸 주소. , 이러면 같이 쓰임. 만약 번호를 집어넣어서 리스트화 하고 싶다면, 대신에 로. 글자를 감쌀수 있는 태그. 글..