Web

The parts of a CSS ruleCSS는 다음과 같이 작성한다.선택자는 어떤 element에게 해당 설정을 부여할지를 정해주는 역할을 한다. Simple selectorsUniversal selector(*, wildcard): 모든 요소에 적용된다.Type selector(태그명): HTML element에 적용된다.Class selector(.클래스명): class 속성으로 해당 클래스명을 가진 element에 적용된다.ID selector(#아이디): id 속성으로 해당 아이디를 가진 element에 적용된다.Attribute selector([속성명="값"], [속성명]): 해당 속성을 가진 element에 적용된다. Grouping selectors쉼표(,)를 이용해 여러 선택자들을 한..

CSS가 마음처럼 되지 않아 복습해보고자 web.dev 사이트를 이용해 복습해보고자 한다. 도입다음의 HTML 코드에,I am a paragraph of text that has a few words in it. 다음의 CSS 코드를 적용하면p { width: 100px; height: 50px; padding: 20px; border: 1px solid;} 내용이 height 태그로 지정한 20px을 벗어나게 된다. 왜 그럴까? CSS로 보여지는 모든 것은 박스 형태이다.박스 모델에 대한 이해가 있어야 위의 경우처럼 예상치 못하게 작동하는 것을 막을 수 있다. Content and sizingExtrinsic sizing위의 예시에서 작성했듯, width와 height 속성에 특정한 값을 지정해..