< Code diaries />

1. 브라우저의 css 속성 지원여부에 따라 다른 값을 지정할 수 있다.// 모든 브라우저에 적용되는 기본값 지정.wrap { display:flex;}// 만약 브라우저가 grid를 지원한다면@supports(display:grid) { .wrap { display:grid; }}// 만약 브라우저가 flex를 지원하지 않는다면@supports not ( display:flex ) { .wrap { float:left; }}  2. 논리 연산자 사용가능// 부정을 부정하여 무효화 하기 가능@supports not ( not( display:flex ) ) {}// 논리연산자 함께 쓰기// flex와 grid를 둘다 지원하지 않는다면@supports not ( (display:f..

CSS(Cascading Style Sheet)  CSS는 HTML 웹문서를 스타일링 하기위해 만들어진 언어입니다.Cascading은 '계단식'이라는 뜻인데, style의 선언문이 계속 겹쳐져 우선순위를 따르고 있는 모습을 표현 한 것 같습니다.CSS를 HTML문서에 적용시키는 방법은 총 3가지 입니다.Inline(인라인) 선언 방식 : 태그에 직접적으로 style이라는 속성(Attribute)을 이용하여 넣는 방법입니다. Javascript로 css를 제어할때에 인라인방식으로 적용됩니다. Internal(내부) 선언 방식 : ...-  HTML의 ...-  css폴더 아래에 style.css 파일로 만들어 HTML문서에 링크하는 방식입니다.- 이 방법이 프로젝트를 할때에 가장 많이 쓰이는 방식이며,..

html의 input태그에 pattern속성을 이용하여 입력받는 텍스트를 제어할수 있다. css를 이용하여 패턴식에 맞지않을때에 style 처리도 가능하다. 이는 HTML5 에 추가된 속성이다. Input pattern 정규표현식 기본사용법 [ html 코드 ] [ css 코드 ] input:invalid { color:red } /* 패턴과 일치하지않을경우 박스에 안내가 표시되며, 글자색은 레드로 바뀐다 */ The pattern attribute is an attribute of the text, tel, email, url, password, and search input types. 패턴 속성은 input의 text, email, url, password,search types에 사용할 수 있다...