커리까지

css 적용 안 했을때 CSS position float flex float 와글와글 ad footer

other parent me #me{ background-color:blakk; color:white; position: relative; left:0px; top:0px; } relateive를 하면 부모를 기준으로 만들어지고 absolute를 하면 부모 기준 상관없이 html 기준으로 시작된다. #me{ background-color:blakk; color:white; position: absolute; } 포지션 값이 없으면 부모를 기준으로 시작한다. 기본값은 원래 있어야 할 곳에 있는 곳이 기본값이다. 크기를 키우고 싶으면 width:200px;를 추가한다. other parent me ststic가 아닌 부모가 나타날때까지 지나가다가 static가 아닌게 나오면 거기서부터 시작한다. 부무와의 관..

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 ] 다른 속성을 다 이기고 적용된다.

사용자들이 커스텀 해놓은 사이트 !importan 이게 들어간게 적용된다. 다 이긴다.

color name Hello World hex(16진수) #FF0000 rgb Red, Green, Blue rgb(255,255,255)

단위 px : 절대적 em : 상대적 rem : 상대적 오늘날에는 rem을 쓰면 된다. 폰트 크기를 조정할 수 있어서 좋다. 사용자가 브라우저의 글꼴을 키울때 px는 변하지않고 rem은 변한다. PX REM 브라우저 폰트 Very Small 브라우저 폰트 Large 사용자가 폰트 크기를 조정하면 rem은 변하고 px는 변하지 않는다.

html css css html css selector declaration css ul li : ul밑에 있는 li태그들 ol>li : ol바로 밑에 있는 li자식들 lecture>li : id가 lecture인 태그 바로 밑에 있는 li태그들 color은 li가 자식뿐만아니라 그 밑에 있는 자손태그들도 적용이 된다. -> 추후에 다룰 내용 border는 정상적으로 적용됨 ul,ol : ul와 ol에 적용된다.