[CSS] CSS 캐스케이딩Cascading에 대하여 쉽게 알아보자!

2020-10-11 Cascade 동사로는 폭포처럼 떨어지다 라는 의미를 갖고 있으며, Cascading은 폭포 정도로 해석할 수 있다. 다만 CSS 상에서의 Cascading 폭포라는 의미보다는 우선순위라는 해석으로 받아들이는 게 조금 더 이해하기 쉬울 것 같다. 이와 같은 캐스케이딩이 존재하는 이유는 웹을 구축하는 과정에서 내 여러 선택자를 사용하게 되는데, 이와 같은 선택자들에게 우선순위를 부여하지 않는다면 큰 혼란을 초래할 수 있기 때문이다. 그러면 이제 구체적인 예를 들어가며, 살펴보도록 하자. 포도 사과 수박 우선 정렬되지 않은 리스트를 하나 만들어주었다. 주제는 과일로 정해 사과에 다양한 선택자를 주었으면 내용은 아래와 같다. id(빨간색) / class(초록색) / style(노란색) / ..

• format_list_bulleted WEB/CSS
• · 2020. 10. 11.
• textsms

[CSS] Selector(ID) / Selector(Class) CSS선택자 알아보기!

2020-10-03 우선 Selector의 의미는 말 그대로 자신이 원하는 특정 태그를 선택할 수 있는 기능입니다. 그중에서 ID의 사용법을 먼저 알아보도록 하겠습니다. 소스코드 Css 길동 짱구 철수 먼저 자신이 바꾸고자 하는 태그의 여는 부분에 id를 만들어주어야 합니다. 위와 같이 정렬된 첫 번째 리스트인 길동에게 변화를 주고 싶어 id = "Only" 를 선언해 주었습니다. 다음에는 해당 태그를 원하는 값으로 변경해 주기 위해서 head 태그 안에 style태그를 선언해주고 이후 id의 불러오기 위한 selcetor인 #뒤에 해당 id(Only)를 적어주면 됩니다. (이후 저는 색깔을 빨강으로 바꾸기 위해 중괄호 후 color : red를 선언해 주었습니다.) 그러면 아래와 같이 id select..

• format_list_bulleted WEB/CSS
• · 2020. 10. 3.
• textsms