position 속성 이용Input 상위 요소에 position: relative를 주고,Input 내에 위치시킬 아이콘에 position: absolute를 준다.background 속성 이용Input 요소에 background 속성으로 이미지를 부여한다.참고자료ht
뷰포트에 따라 css가 달라지는 반응형 웹을 만들고 싶다면 미디어 쿼리를 사용하면 된다.위 코드와 같은 경우, 뷰포트 width가 400px이하인 경우에만 css가 적용된다.적용 가능한 미디어 타입 종류all : 모든 미디어 타입print : 프린터screen : 컴퓨
id와 class는 태그에 이름을 붙여주고, 스타일을 부여할 때 유용하게 사용될 수 있다.
글꼴 크기나 화면 크기 등을 다룰 때, 단위는 매우 중요하다.보통 기종이나 디바이스에 따라 유연하게 반응하는 웹페이지를 만들기 위해서는 상대단위를 사용하는 것이 좋다.\-절대단위: px\-상대단위: em, rem사용자 접근성 불리: 눈이 잘 안보이는 사용자가 브라우저
CSS(Cascading Style Sheets)는 HTML로 만든 문서에 스타일을 부여함으로써 가독성과 전달력을 향상시킨다.개발자는 CSS를 이용하여 UI(User Interface)를 만들어 사용자가 웹 앱에 접근하기 쉽도록 만든다.사용자가 웹 앱에 쉽게 접근할 수
CSS 와 HTML 의 관계 HTML은 웹의 구조를 만드는데 사용하는 언어이고, CSS는 그 구조에 스타일을 부여하는 언어이다. HTML 문서 그 자체만으로는 사용자가 직관적으로 이해하기 어렵기 때문에 개발자는 CSS로 UI를 만들어 사용자가 웹 앱에 접근하기 쉽도록
내가 처음에 시도한 것은 CSS body태그에 background-image: url("") 을 추가하고, 따옴표 안에 pixabay에서 복사해 온 사진의 주소를 넣는 것이었다. 근데 사진을 바꿔봐도 이미지가 안뜨는 거다.그래서 사진을 다운 받아서, 작성중이던 폴더 안
CSS 의사 클래스(가상 클래스)는 선택자에 추가하는 키워드로, 선택한 요소가 특별한 상태여야 만족할 수 있다.사용자의 action에 따라 스타일에 변화를 주고 싶을 때 사용한다.:link CSS 의사 클래스는 아직 방문하지 않은 요소를 나타냅니다. href 속성을 가
css를 초기화하는 방법에는 여러가지가 있다.