태그가 지원하는 속성을 이용하여 선택자
[태그속성명='값'] or [태그속성명=값]
ex)
<style>
input[type=text] {
color: red;
}
</style>
🍙Styling Textareas
👉resize: none;
resize를 사용하여 텍스트 영역의 크기가 조정되지 않도록 함(오른쪽 하단 모서리에 있는 "grabber" 비활성화)
👉cursor: pointer;
링크에 마우스를 올렸을 때 마우스 커서 모양을 손으로 나타냄👆
태그들을 나타낼때 제어하는 속성
👉position: static;
정적; top,right,bottom,left 영향을 받지않음. 페이지의 정상적인 흐름에 따라 배치.
👉position: relative;
상대; 상대적으로 배치 된 요소의 위쪽, 오른쪽, 아래쪽 및 왼쪽 속성을 설정하면 해당 요소가 정상 위치에서 멀리 조정.
👉position: fixed;
고정; 페이지가 스크롤 되더라고 항상 같은 위치에 유지.
👉position: absolute;
절대; 고정 된 것처럼 뷰포트를 기준으로 배치되는 대신 가장 가까운 위치에있는 조상을 기준으로 배치.
1)부모태그가 relative일 경우에는 부모태그를 기준위치로 사용
2)부모태그가 relative가 아닌 경우에는 body태그를 기준위치로 사용
CSS Attribute Selectors-속성 선택자
😲참고