ΛneOK v4 blog
일상의 잡다한 생각과 내용을 글 또는 사진으로 표현하는 일상 블로그입니다.
# Side Menu
-
recentPost
-
popularPost
-
Archive
-
recentComment
HTML
HTML
-
[백업] Top버튼 만들기 4가지 방법웹 사이트 글을 읽다 보면 너무 긴 페이지에 위로 가기가 불편합니다. 홈페이지나 블로그 아래에 맨 위로 버튼을 만들어 놓으면 무척이나 편합니다. 간단히 만드는 방법에 대해 알아봅시다. 참고로 새로운 것은 아니고요. 기존의 인터넷에 있는 것을 모아 보았습니다. 1. 간단히 텍스트로 만들기(html) 간단하게 먼저 시작 하겠습니다. html의 a태그를 이용 만들어 보겠습니다. ... TOP 위의 것은 a태그 name을 이용 Top버튼 만들기 입니다. ... TOP 그리고 a태그의 name를 이용할 필요없이 선택자인 id를 이용 해도 됩니다. TOP 또하나 위치 하고 상관없이 처음으로 가기는 #만 하셔도 됩니다. 밑의 예제를 참조. 위치 지정 버튼(간단) 이 부분은 많은 소스이 있습니다. 그중에 html로만 ..Study/Html_Css 2020. 11. 23.
-
티스토리 - html 구조티스토리 스킨을 직접 제작하려고 결심하신 분들 계실 것 입니다. 그분들에게 조금이나마 도움이 되었으면 하는 바램에 또한 티스토리 스킨을 처음 만들려고 도전했을 때, HTML 스킨 구조가 어떤건지 쉽사리 파악이 되지 않아서 다소 고생한 경험이 있습니다. (저 또한) 경험이 있어 저의 생각을 바탕으로 최대한 자세하면서 단순하게 설명해 보겠습니다. 또한 티스토리에서 제공하는 스킨 가이드 페이지 도 같이 참고하시면 이해하는데 도움이 될 것입니다.일단 까먹기 전에 적을려고 합니다.기본티스토리 구조도 다른 웹사이트와 뼈대는 같습니다. 에 ... ... ..Document/Tistory 2020. 4. 21.
-
[HTML] 빠른 서명 카드 만들기구글이나 네이버등 메일을 작성할 때나 다른 사용처에 파일을 보낼 때 사용하려는 카드로 웹페이지 방식으로 만들어 보았습니다. 간단한 것이라 무어라 민망하지만 만든 것 저장은 해야 해서 남깁니다. # 사랑, 우정, 믿음, 신뢰, 보답으로 된 다섯 물방울… : innks 姜仁規 블로그 : AneOK AneOK - 생활 블로그 # 사랑, 우정, 믿음, 신뢰, 보답으로 된 다섯 물방울… : innks 姜仁規 블로그 : AneOK AneOK - 생활 블로그 간단한 것이라 따로 설명은 하지 않겠습니다. 소스 궁금한 분만 보시길 바랍니다.Study/Html_Css 2020. 1. 20.
-
기본적으로 사용하는 레이아웃 모음에전에 css-tricks 사이트에서 보고 만들어 둔 것을 이번에 블로그에 업데이트합니다. 총 4개의 파일로 나름 몇 번을 수정해서 제 스타일로 만들어 둔 것입니다. 1. 2단 반응형 레이아웃 Html Css Demo & Download Header Main Sidebar Footer body { margin: 0 auto; max-width: 56em; /* 896px = 56em * 16 */ padding: 1em 0; } body { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 10vw 30vw 10vw; grid-gap: 1em; } header, footer { grid-column: 1 / span 5; ..Study/Html_Css 2019. 10. 28.
-
CSS 선택자(Selector) 우선순위기억해야 할 기본 CSS 스타일을 적용하는 데는 다양한 방법이 있으며 동시에 여러 가지 방법을 사용할 수도 있기 때문에 엘리먼트에 적용되는 스타일이 충돌할 수도 있습니다. 따라서 스타일 적용의 우선순위 규칙을 알아둘 필요가 있습니다. 선택자(Selector) 우선순위 1.속성값 뒤에! important를 붙인 속성 사용자 스타일시트 우선 !important 선언을 한 사용자 스타일 ! important 선언을 한 작성자 스타일 > 작성자 스타일 > 사용자 스타일 > User Agent 선언 (브라우저 자체의 선언) 2. HTML에서 style을 직접 지정한 속성 3. #id로 지정한 속성 4. .클래스, :추상클래스로 지정한 속성 5. 태그이름으로 지정한 속성 6. 상위 객체에 의해 상속된 속성 # 같은..Study/Html_Css 2019. 9. 5.