# htmlcss
[HTML/CSS] 선택자
태그의 타입으로 선택⎷ id는 중복 사용 X ⎷ id는 두 개 이상 부여 X⎷ class는 중복 사용 O⎷ class는 띄어쓰기로 구분해서 두 개 이상 부여 O⎷ A 내부에 있는 모든 B 선택 → B는 A의 자손⎷ 두 개 이상의 엘리먼트를 선택할 때 사용⎷ 모든 엘리먼
웹페이지에 BGM 넣기
개인페이지를 만들려고 사전을 보다가 audio태그를 보고 '어?? 예전에는 블로그같은데 들가면 BGM막 깔리고 그랬는데??' 라는 생각이 들고 바로 실전으로 써보왔다.하지만,,, 사전에 나온데로 해줬는데....전혀 들리지않는 소리!!내가 잘못했나 컨트롤을 꺼내보왔다.컨
CSS flex , grid 비교해 보기
flex 부터 알아보자. 우선 'div'로 공간을 만들고 공간을 실선으로 가시화 시켜본다. 위 화면에서 'display: flex;'를 선언해보면 이처럼 박스가 세로 방향에서 가로로 정령이 되는것을 볼수있다. 이는 div class="bigbox"_ 의 자식 di
css 선택자 조합선택자,자식,자손
그룹 선택자 ' , '로 여러 선택자를 지정할수 있음 class, id 속성 같이써도됨2.자식 선택자 (★★★★★) 먼저 '>' 부터 설명하자면 딱 하나만 콕 집어서 사용할때 쓰면됨스타일의 두번째 '.second p'로 선택자를 지정했을때는 'class="second"
[HTML/CSS] <hr>도 box다!
<hr>은 선일까요? 선의 개념으로 <hr>을 보면 뭔가 선이 맞는 것 같기도 하고.. 아닌 것 같기도 하고.. 이에 대해 자세히 알아보죠!
HTML/CSS 로딩창 만들기
로딩창을 만들기위한 기본적인 뼈때 기본적으로 전체적으로 box-sizing: border-box를 사용하여 박스의 넓이를 잡아준다. margin : 0 auto를 통하여 중앙 정렬을 해준다..loading-title { font-size: 30px; font-
나의 첫번째 웹사이트 수정편
맨 처음에 만든 자기소개 웹사이트가 승에 차지 않아서 레이아웃을 다 수정했다. 방명록도 작성할 수 있다. 그리고 about me! 버튼을 누르면 메인페이지로 들어갈 수 있다.