목록프로그래밍/CSS (2)
처음부터 차근차근
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/BYjDM/btrvLJBHIQX/0NTFUh1f8xJPezN6HkNnqK/img.png)
accent-color 컨트롤 색상을 바꿀 때 사용하는 css 속성이다. 여기서 말하는 컨트롤은 을 말한다. 사용 예시 이렇게 하면 radio의 색상이 파란색(default)에서 빨간색으로 변경된다. accent-color 다음의 값에는 저렇게 color값을 직접 넣어도 되고, ex) #dedede, rgb(125, 125, 125), white 등 'auto' 를 넣어도 된다. auto를 넣으면 현재 플랫폼에 매치되야 하는 accent-color에 따라 사용자 에이전트(= UA, 웹 맥락에선 브라우저를 의미함)에서 선택한 색상을 나타낸다. 현재 플랫폼에서 매치되야 하는 accent-color가 없으면 default 색상(파란색)을 나타낸다. accent 색상 accent-color 속성을 사용하다보면 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/doyqsJ/btrkbVL0Alp/FVpFvRXRZKjTB1uf95kn70/img.png)
CSS란, 웹페이지를 꾸미고 디자인할 때 사용하는 언어이다. CSS 사용의 이점 확장성 : 표현을 더욱 다양하게 확장하거나 표현 기능의 변경이 가능 편의성 : 훨씬 간편하게 레이아웃 등의 스타일을 구성 재사용성 : 독립된 스타일 모듈을 작성, 여러 HTML 문서에 공통으로 활용 생산성 : 역할 분담에 따른 전문화, 모듈 단위의 협업과 생산성 향상이 가능 Style과 StyleSheet 스타일(style)이란, 웹문서를 꾸미는 것을 말하고, 스타일시트(stylesheet)이란, 스타일 규칙 모음을 뜻한다. CSS의 구조 CSS는 주로 header에 선언한다. 선택자 유형 전체 선택자 : * 태그 선택자 : 태그명 클래스 선택자 : .클래스명 아이디 선택자 : #아이디명 자식 선택자 : > ex) 선택자 >..