본문 바로가기

css3

[비전공자의 개발공부] HTML 기초_CSS 선택자(selector) 연습-접시 선택하기 게임(CSS Diner), 이거 도대체 어떻게 하는거야? CSS 선택자에 익숙해지기 위한 재밌는 게임이 있다. 게임의 문제는 총 32개의 문제가 있는데 나는 ... 13에서 막힘....ㅠㅠㅠㅠㅠ 누가좀 도와줘여... https://flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io 링크에 들어가면 움직이는 물체를 선택자로 선택해야하는데, 1. 노란 박스에 움직이는 물체에 마우스를 올리면 초록박스에 해당되는 이름이 하얀색으로 활성화 됨. 2. 빨간 박스안에 plate라는 태그를 써주면됨 만약 잘 모르겠으면 아래의 영상에서 1분만에 설명해준다 ㅋㅋ 굳굳 https://www.youtube.com/shorts/DNCYLyRcY5Q 2023. 3. 8.

[비전공자의 개발공부] HTML 기초_폰트 사이즈는 어떻게 해야할까? CSS 단위 CSS 단위에는 절대(고정) 단위와 상대 단위가 있다. 단위 절대 길이 단위 : px (cm, mm, in, pc, pt ….) 상대 길이 단위 : %, vw, vh, vmin, vmax, em, rem 절대 단위는 고정값으로 화면의 사이즈가 크던 작던 고정되며, 상대 단위는 부모요소, 화면 크기 따라 변동되므로 유지보수나 반응형으로 만들때 유리하다. 글씨크기로 인한 수정이 빈번하여 하나하나 설정하기 보다는 부모요소만 변경하여 나머지 다 그 비율에 맞춰서 조정되는 rem이 유지보수에 용이하다. 구분 단위 내용 절대 px Pixel(Picture + Element) 디바이스 화면에서 이미지를 표현하는 가장 작은 단위입니다. 상대 % 부모 요소를 기준으로 하는 백분율 단위입니다. * 부모요소 지정안할시엔 브.. 2023. 3. 8.

[비전공자의 개발공부] HTML 기초_ CSS 적용이 왜 안되지? CSS선택자 우선순위 CSS에 분명 코드값 썼는데 왜 안되지??? CSS하다가 언어에 충돌이 생기면 몇가지 규칙에 의해 점수가 높은 코드가 적용이 된다. 후자 우선의 원칙 뒤에 나오는 CSS가 우선순위가 높습니다 구체성(명시도)의 원칙 중요성의 원칙(!important) 1. 후자우선의 원칙 제일 먼저 red로 했지만 제일 마지막 blue이기 때문에 blue가 적용됨 2. 구체성의 원칙 구체성을 갖을 수록 가중치를 줘서 점수가 높아짐 (1) inline스타일 : 태그 안에다가 바로 스타일 적용시 in line속성 아래와 같이 style 에 컬러들을 red, blue 넣었지만 태그안에서 지정한 pink로 색상이 나옴 (2) ID 선택자 # ID는 페이지 파일 하나에서 유일해야하는 것으로 구체성이 높다. (3) 타입 < clas.. 2023. 3. 8.

이전 1 다음

티스토리툴바