CSS

CSS 공부 중에 CSS에서 선택자란 스타일 적용을 위해서 특정 요소들을 선택해주는 요소라고 할 수 있다.HTML 페이지 내부의 모든 요소에 같은 CSS속성을 적용하기 위한 선택자이다.클래스 선택자는 .apple .class1 .class2 처럼 사용하게 되며해당 속성

<div> <p> 같은 display 속성이 block인 엘리먼트을 중앙 정렬하기 위해서vertical-align: center를 적용해보면 정렬이 되지 않는다.vertical-align 속성은 inline요소나 table요소에만 적용되기 때문이다.수직 정렬

위 코드처럼 a 태그가 다른 block 태그에 감싸져 있을 경우<a>태그는 inline속성을 가지지만, <li>태그는 block속성을 가지기에 li 영역을 클릭해도 a 태그는 작동하지 않고a태그의 내용인 ABC를 클릭해야 한다.li영역을 선택해도 a 태그가

text 형태의 태그의 경우 부모 컨테이너의 width보다 긴 텍스트의 경우 부모 컨테이너 텍스트가 끊기지 않고 한 줄에 계속 표시가 된다.이를 강제 줄바꿈을 통하여 부모 컨테이너를 벗어나지 않게 해주는 속성이word-wrap 속성이다!codependnrgus1127/

textarea  태그 사용 시 마우스로 textarea 영역의 사이즈를 조정할 수 있도록 기본 속성이 적용되어 있다.textarea사이즈를 고정하고 싶다면 css 속성으로를 설정하여 적용할 수 있다.

table 태그에 border-radius 속성을 적용하여 아래 사진처럼효과를 주려고 했는데 border-radius값을 줘도 적용이 안되고, 개발자 모드(F12)로 확인해도 분명 값은 적용이 되어있는데 변하지가 않아서 찾아보니table에 border-collapse

작업 중 가상 요소 after, before을 사용해보면서 이에 대한 공부가 필요할 것 같아서 정리한다.CSS 선택자에는 가상 클래스 선택자와 가상 요소 선택자가 존재한다 이들은 원하는 요소의 뒤에 :나 ::를 이용한 키워드를 붙여서 스타일을 적용할 수 있다.웹 요소를

offsetWidth를 잘 사용하면?

유성!