![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/su67h/btsGNPJRZsX/eAw9UXH8kr9RfLQ2BDHez0/img.png)
✏️ 캐스캐이딩의 의미스타일 시트에서는 우선순위가 위에서 아래, 즉 계단식으로 적용된다는 의미로 CSS는 우선순위가 있는 스타일CSS에서는 웹 요소에 둘 이상의 스타일을 적용할 때 우선순위에 따라 적용할 스타일을 결정함● 스타일 우선 순위 : 스타일 규칙의 중요도와 적용 범위에 따라 우선 순위가 결정되고, 그 우선 순위에 따라 스타일 적용● 스타일 상속 : 태그의 포함 관계에 따라 부모 요소의 스타일을 자식 요소로, 위에서 아래로 전달✏️ 스타일 우선 순위우선 순위는 스타일 규칙의 중요도와 적용 범위, 소스 코드의 작성 순서에 따라서 결정됨● 얼마나 중요한가?스타일에는 사용자가 지정한 스타일(user), 제작자(author)의 스타일, 웹 브라우저(browser) 스타일이 있고중요도는 사용자 > 제작자 ..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/b499Xa/btsGQl8UaSU/qEKsDm186gmLMRvAAwzVK1/img.png)
✏️ 전체 요소에 스타일을 적용하는 전체 선택자스타일을 문서의 모든 요소에 적용할 때 사용하며 주로 모든 하위 요소에 스타일을 한꺼번에 적용할 때 사용// 마진과 패딩// 웹 문서 내용을 브라우저 창에 바짝 붙지 않도록 문서 내용과 브라우저 테두리 사이에 여백을 두는 것// 태그와 요소// 태그는 와 같이 태그 자체를 칭하고, 요소는 이름와 같은 경우에서 p요소로 칭함✏️ 특정 요소에 스타일을 적용하는 타입 선택자특정 태그를 사용한 모든 요소에 스타일을 적용함, 즉 타입 선택자를 사용해 스타일을 지정하면 해당 태그는 모두 적용// 이렇게 안녕하세요 ✏️ 특정 부분에 스타일을 한 번만 적용할 수 있는 id 선택자클래스 선택자와 마찬가지로 웹 문서의 특정 부분을 선택해서 스타일을 지정할 때 사용..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/ZXm2v/btsGMUyuFsU/m833rrfDbiyy4KgW3H7cvk/img.png)
✏️ CSS의 기본구조선택자{ 속성 1 : 속성값1 속성 2 : 속성값2} ※ 스타일 규칙/* 여러 줄로 표기하기 */p{text-align: center;color:blue;}/*한 줄로 표기하기*/p{ text-align: center; color: blue;} ※ CSS 소스 경량화하기인터넷에서 css.minify or css.compress검색해서 사용하기 ✏️ 스타일 시트 알아보기웹 문서 안에에서는 스타일 규칙을 여러 개 사용, 이런 스타일 규칙을 한눈에 확인하고 필요할 때마다 수정하기 쉽도록 한 군데 모아두는 것을 스타일 시트라고 칭함스타일 시트는 크게 브라우저 기본 스타일, 제작자가 만드는 사용자 스타일로 나뉘고사용자 스타일은 다시 인라인 스타일, 외부 스타일 시트, 내부 스타일 시트 형..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bOqjd9/btsGQnySHxY/2JMr9Ro2qBKAFxqnDtnGO1/img.png)
✏️ CSS란?cascading style sheets의 줄임말로 웹 문서의 디자인을 구성웹의 기본적인 개념은 HTML로 웹 사이트의 내용을 나열하고 CSS로 웹 문서의 디자인을 구성하고자 함 ✏️ 이모저모기존 HTML문서는 PC의 웹 브라우저 화면이 기본으로 되어 있어서 인쇄하려면 용지에 맞게 따로 작성했어야 했고 모바일용 홈페이지가 필요한 경우에도 스마트폰 브라우저에 적합하게 문서를 만들어야 했음.하지만 CSS를 이용하면 HTML로 작성한 내용은 그대로 두고 대상 기기에 맞게 CSS만 바꿔줄 수 있음이런 것들이 반응형 웹 디자인의 일부라고 할 수 있음
- Total
- Today
- Yesterday
- 최단 경로
- 이분 매칭
- BFS
- 자바
- 유클리드 호제법
- 카운팅 정렬
- CSS
- 세그먼트 트리
- html
- 유니온 파인드
- DP
- 투 포인터
- C++ Stack
- 우선순위 큐
- HTML5
- 알고리즘
- Do it!
- c++ string
- 백준 풀이
- 에라토스테네스의 체
- 자료구조
- 반복문
- 알고리즘 공부
- 스택
- java
- 자바스크립트
- js
- DFS
- 백준
- C++
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |