일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 프로그래머스 #파이썬 #알고리즘 #코딩테스트
- react #리액트 #동빈나 #나동빈 #유튜브강의
- 파이썬 #백준 #알고리즘 #코딩테스트
- 투포인터
- 백준 #알고리즘 #파이썬 #코딩테스트
- java #자바 #생활코딩
- PYTHON
- java #자바 #동빈나
- 자바 #java
- css #생활코딩 #웹
- BFS
- java #자바
- 파이썬 #알고리즘 #코딩테스트 #프로그래머스
- DFS
- 재귀
- react #리액트 #동빈나
- 코딩테스트
- 알고리즘
- Dijkstra
- dp
- 백준 #파이썬 #알고리즘 #코딩테스트
- 다익스트라
- 파이썬
- css #웹 #생활코딩
- 프로그래머스 #파이썬 #코딩테스트 #알고리즘
- 백트랙킹
- 프로그래머스
- java #자바 #나동빈
- 백준
- 다이나믹프로그래밍
- Today
- Total
목록
728x90
CSS
728x90
(41)
커리까지
마진이 사라지는 경우가 있음. hello world hello world 마진이 겹쳤다. 마진값중에 더 큰 값이 두 개 사이의 마진값이 된다. 만약에 양쪽다 마진이 있다면 2배가 되어버린다.
css에서 굉장히 중요한 부분 각각의 태그들이 표현될 때 부피같은 것을 결정해준다. css 안녕하세요. 생활코딩입니다. 테두리가 박스의 기준점을 정해주는 것이라 중요하다. 인라인에서는 높이와 넓이가 무시된다.
inline vs block line hello worls 안녕하세요. 생활코딩입니다. 을 블럭태그 안녕하세요 부분이 lnline태그 둘을 언제든지 바꿀수 있다. h1{display:lnline;} 이렇게 하면 인라인으로 바뀐다.
html css java 태그의 스타일이 먼저 적용됨 태그의 스타일 지움 css 스타일 태그에 적힌게 적용된다. id선택자 지우기 class도 지우기 적용되는 순서 style attribyte style 속성이 더 태그에 가까워서 구체적이고 명시적이다. id selector 특정 id만 부여 class selector 그다음 포괄적 tag selector 제일 포괄적(일반적) 뭐가 더 구체적이고 명시적이냐, 뭐가 더 포괄적이냐. 모든 우선순위를 뛰어넘는 법 [ !important ] 다른 속성을 다 이기고 적용된다.
Cascading style sheet의 약자가 css 웹브라우저 1900년대 초반에는 기본적인 디자인이 있었음 사용자도 본이이 사용하는 웹페이지의 권한이 있었야 한다는 의견이 나오기 시작 웹 페이지를 만드는 사람도 어떤 모습으로 보여지는기 결정권이 있어야한다는 의견도 나옴 이러한 조화를 위해서 css가 대두되었는데 조건이 필요함. 우선순위 웹브라우저 < 사용자 < 저자
사용자들이 커스텀 해놓은 사이트 !importan 이게 들어간게 적용된다. 다 이긴다.
수업내용 html css javascript 부모의 색상을 자식이 물려받는게 가장 편리함 #select : 이건 생산성이 더 높음 어떤 상속이 상복받는게 나을지 아닐지 판단하여 속성이 적용된다.
Hello World Hello World 폰트링크를 연결하고 font-family로 지정해주면 적용된다.(구글폰트 기준) href='폰트링크' 에서 링크에 해당되는 것을 다운받는다. 폰트생성기로 보유하고 있는 폰트를 웹폰트로 만들 수 있다. font-family에서 이름을 바꿔서 적용 가능
Hello World Hello World 원하는 폰트가 깔려있지 않을 수 있음. arial이 없으면 verdana가 적용되고 둘다 없으면 Helvetica Neue가 적용된다. Sans는 부정의 의미가 있어서 장식이 없다. monospace 고정폭, 폰트의 모든 폭을 동일하게 설정 line-height 위 아래 폰트 간격 font-weight 폰트 굵기 font: bold 5rem/2 arial, verdana, 'Helvetica Neue', serif; 모든 속성들을 나열