Frontend/CSS 검색 결과

해당 글 9건

CSS로 탭 메뉴 만들기

웹사이트나 블로그를 돌아다니다 보면 탭으로 구분된 메뉴를 종종 볼 수 있다. 탭으로 메뉴를 구성하면 가로나 세로로 나열된 정보를 작은 공간에 표시할 수 있다는 장점이 있다. /'pəlp/ 블로그처럼 본문과 댓글을 구분하는 데 사용할 수도 있고 사이드바의 최근 글, 최근 댓글, 최근 트랙백을 탭으로 묶어서 구성할 수도 있다. 이런 탭 메뉴는 복잡한 JavaScript를 사용하지 않아도 input 요소와 CSS만으로 간단히 만들 수 있다. ※ 한 화면에 두 개 이상의 탭을 배치하면 제대로 동작하지 않으니 한 화면에 한 개만 사용하도록 주의한다. 앞으로 이야기할 탭 메뉴는 input 요소 중 라디오 버튼(input type="radio")에서 label 글자를 클릭하면 대응하는 번호의 버튼이 선택된다는 점을 ..
Frontend/CSS 2019. 1. 15. 15:58

CSS (Cascading Style Sheet)

HTML로 구성된 페이지 골격에 디자인을 입히는 언어 ※ 표 컬러 코드 = #b3f2df 서술 방법(1) HTML 문서에 의존한다. (특정 HTML에서만 유효)태그 안에 안에 명시하는 CSS 구문을 별도의 파일에 작성해 두고 HTML에서 해당 파일의 경로를 참조한다. 파일명 : hello.css css 구문을 위 파일명으로된 css 파일에 저장 1cs (3) HTMl 태그의 style 속성을 활용거의 사용 안함. 1cs selectorCSS가 적용될 대상을 지정하는 방법 1. 태그이름 -> ex) h1 { color: red; }2. class : 앞에 점을 포함한 단어명시 (단어는 직접 네이밍)HTML 태그에 class 속성으로 단어를 연결 (이때는 점은 제외)태그 종류에 상관없이 여러번 재사용 가능1..
Frontend/CSS 2019. 1. 15. 10:43