기본 라디오(세로) Default radio Default checked radio 기본 라디오(가로) 1 2 3 (disabled) 토글 버튼 라디오 Checked Radio Radio

토글 스위치 Default switch checkbox input Checked switch checkbox input Disabled switch checkbox input Disabled checked switch checkbox input

기본 검색창 1 Search 기본 검색창 2 search 검색 후 알림창 Search

text-center 텍스트를 중앙에 배치하려면 상위요소에 .text-center 클래스를 추가한다. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Recusandae nihil hic delectus excepturi ipsam reprehenderit iusto rem, quam, repellendus accusantium culpa reiciendis sit dolorum aut aperiam a architecto. Fuga, sit. 이미지의 상위 요소에 .text-center 클래스를 추가하여 이미지를 중앙에 배치할 수도 있다. 버튼의 부모 요소에 .text-center를 추가하면 버튼도 중앙에 배치한다. Primary flexbox를 ..

박스모델(Box model) HTML의 element들은 (사각형 모양을 의미하는)박스의 형태를 가지고 있는 것을 말한다. 박스의 크기와 박스간의 간격을 정의하는 다양한 속성이 있다. margin : border를 기준으로 박스의 여백을 지정, 시각적인 요소는 없음. border : 박스의 테주리 padding : 테두리와 content간의 간격 content : element 안에 포함되는 컨텐츠 M / P M : Margin P : Padding t, b, l, r, x, y t : top b : bottom l : left r : right x : x축 → left, right y : y축 → top, bottom 0, 1, 2, 3, 4, 5, auto 0 : 0 1 : .25rem(font-si..

16진수 체계 16진수는 2진수 값을 표현하는 데 편리한 방법이다. 10진법은 10진수 체계이고 2진법은 2진수 체계인것과 같이 16진법은 16진수체계를 따른다. 16진수 체계는 숫자 0에서 9까지 그리고 문자 A에서 F까지를 사용한다. 아래표는 바이너리 0000에서 1111까지의 동등한 10진수, 2진수, 16진수 값을 보여준다. 한개의 값을 4개의 비트로 표현하는 것보다 단일의 16진수 숫자로 표현하는 것이 더 쉽다. 바이트 이해하기 8비트(1바이트)가 일반적인 2진수 묶음이라고 할 때, 2진수 00000000에서 11111111까지는 16진수 00에서 FF로 나타낸다. 선두의 0은 8비트 표현을 나타내기 위해서 항상 표시된다. 예로 2진수 0000 1010은 16진수 0A이다. 16진수 값의 표현 ..