html/css

그룹 선택자 ' , '로 여러 선택자를 지정할수 있음 class, id 속성 같이써도됨2.자식 선택자 (★★★★★) 먼저 '>' 부터 설명하자면 딱 하나만 콕 집어서 사용할때 쓰면됨스타일의 두번째 '.second p'로 선택자를 지정했을때는 'class="second"

flex 부터 알아보자. 우선 'div'로 공간을 만들고 공간을 실선으로 가시화 시켜본다. 위 화면에서 'display: flex;'를 선언해보면 이처럼 박스가 세로 방향에서 가로로 정령이 되는것을 볼수있다. 이는 div class="bigbox"_ 의 자식 di

개인페이지를 만들려고 사전을 보다가 audio태그를 보고 '어?? 예전에는 블로그같은데 들가면 BGM막 깔리고 그랬는데??' 라는 생각이 들고 바로 실전으로 써보왔다.하지만,,, 사전에 나온데로 해줬는데....전혀 들리지않는 소리!!내가 잘못했나 컨트롤을 꺼내보왔다.컨

vscode를 이용해 코드를 짜다가 문득 든 화면 밖의 태그들html lang = "en", 그리고 head 태그 안의 meta 의 뜻이 문득 무슨 내용인가 싶어서 알아 보았다. html lang = "en"'lang' 언어를 뜻한다 "en"이면 영어 "ko"이면 한

box model모든 HTML 요소는 박스(box)모양으로 구성되며, 이것을 박스모델(box model)이라고 부른다.위의 코드를 실행해보면, 같은 width 300px 이라도, padding의 값에 따라 width값이 더 커진다. 이는 width값이 위 그림의 con

Semantic web이란?Semantic Web은 ‘의미론적인 웹’이라는 뜻으로, 기계가 이해할 수 있는 형태로 제작된 웹을 의미합니다.또 사람의 머리 속의 언어에 대한 이해를 컴퓨터 언어로 표현하고 이것을 컴퓨터가 사용할 수 있게 만다는 것을 말합니다.간단한 예로

1. position: fixed fixed는 말그대로 고정한다는 뜻이다. 스크롤을 내려도 fixed한 태그는 화면의 고정했던 위치에서 벗어나지 않는다. 예를들어 네이버의 하단 우측 '다크모드'와 '페이지 상단으로 이동'이 있다. 사용법은 매우간단하다. 해당코

우선 rem, em 차이를 알아보자 1rem -> 'html의 font-size' x`1 ----> html의 font-size가 20px이면 1rem = 20px, 2rem = 40px 1em -> '해당 요소의 font-size' x 1 ----> fon