Web Basic/CSS

Web Basic/CSS

[CSS] HTML & CSS 가볍게 페이지 하단 고정 메뉴 만들기

안녕하세요. 성조입니다. 이번 포스팅은 HTML과 CSS를 활용해서 가볍게 하단에 고정된 메뉴바를 만들어보려고 해요. 만들게 된 이유는 티스토리에서 포스팅하다 보면 미리 보기, 맞춤법, 글감 검색, open source ~~ 임시저장 완료 같은 버튼이 있는 것을 보고 그냥 저런 기능도 가볍게 연습 삼아 만들면 좋겠다 싶어서 만들게 됐습니다. 예시 이미지 HTML 코드 메뉴 1 메뉴 2 메뉴 3 CSS 코드 .menu { background-color: #f2f2f2; padding: 10px; position: fixed; width: 100%; bottom: 0; left: 0; } .menu-details ul { list-style-type: none; margin: 0; padding: 0; te..

Web Basic/CSS

[CSS] CSS란?

안녕하세요 성조입니다. 평소에 CSS를 작업할 일이 생기면 필요한 태그들을 필요할 때 찾아서 사용하고 따로 복습하지 않아서 향후에 동일한 것들을 사용할 때 기억나지 않는 경우가 종종 있었습니다. 이번 포스팅을 시작으로 최대한 많은 기억을 남길 수 있도록 포스팅을 진행하면 좋을 것 같습니다. INDEX 1. CSS란? 2. CSS의 특징과 장단점 3. CSS구조 CSS란? "Cascading Style Sheets"의 약자로 CSS로 불린다. 이런 CSS는 HTML 또는 마크업 언어로 작성된 문서들이 웹상에 표현될 때 텍스트 색상, 글꼴, 스타일, 문단 간격, 크기, 배치 방법, 이미지, 레이아웃 설계 등 여러 가지를 제어하는데 사용되는 스타일 시트 언어이다. HTML로 웹 페이지의 뼈대와 같은 전체 설계..

SeongJo
'Web Basic/CSS' 카테고리의 글 목록