본문 바로가기
728x90
300x250
SMALL

Front-end320

flex 코딩게임 http://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 2021. 12. 4.
input type 속성 종류 input type에 들어가는 여러가지 속성 hidden 사용자에게는 안보이지만 서버로 넘겨지는 값을 가진다. text 한 줄짜리 텍스트 입력상자 search 검색상자 tel 전화번호 입력 필드 url url 주소를 입력할 수 있는 필드 email 이메일 주소 입력 필드 password 비밀번호 입력 datetime 국제 표준으로 설정된 날짜와 시간(연, 월, 일, 시, 분, 초, 분할 초) datetime-local 사용자가 위치한 지역 기준의 날짜와 시간(연, 월, 일, 시, 분, 초, 분할 초) date 사용자 지역 기준(연, 월, 일) month 사용자 지역 기준(연, 월) week 사용자 지역 기준(연, 주) time 사용자 지역 기준(시, 분, 초, 분할 초) number 숫자를 조절하는 화살.. 2021. 12. 3.
css rgba 색상 css rgba는 red, green, blue 이렇게 3가지 색상 조합과 마지막 alpha 값으로 색상을 나타내는 css 표기법입니다. 불투명도를 나타내는 alpha는 0~1까지 사용가능하며 1은 완전 불투명 0은 완전 투명을 나타냅니다. 각 색상 값은 색상이 하나도 안섞이면 0 가득 섞이면 255가 됩니다. 반투명 빨강으로 색을 지정하고 싶다면 아래와 같이 지정할 수 있다. background: rgba(255,0,0,0.5); 불투명 초록색을 만들려면 두번째만 255를 지정 나머지 색상은 9을 지정하고 불투명을 위해 alpha 값을 1로 지정하면 된다. background: rgba(0,255,0,1); 조합을 해서 색을 만들 수 있다 예를 들면 위에 빨강과 녹색을 가득 섞으면 노랑이 나온다. ba.. 2021. 12. 2.
section article 차이 section태그와 article 태그의 차이를 알아보기 위해서 먼저 두 개가 어떤 역할을 하는지 살펴보면 section section 태그는 섹션(부분, 구역, 영역) 들을 그룹화 해서 분리하는 역할을 한다. article article 태그는 문서내에서 그룹화해서 분리하는 역할을 한다. 언뜻 설명을 보면 비슷해 보인다. article과 section 이 두 시맨틱 태그는 div와 같은 블록 속성을 가지고 있기 때문에 div로 대치해도 기능상으로 문제가 없고 두 요소 다 콘텐츠를 구분하는 데 사용되며 서로 바꿔서 사용 가능하다. 그럼 이 유사한 기능 같아 보이는 article과 section을 어떤 상황에 따라서 사용해야 할까? section article 차이 ▷ article은 내용이 독립적이다. .. 2021. 12. 1.
728x90
반응형
LIST