# htmlcss

371개의 포스트

[HTML/CSS] 선택자

태그의 타입으로 선택⎷ id는 중복 사용 X ⎷ id는 두 개 이상 부여 X⎷ class는 중복 사용 O⎷ class는 띄어쓰기로 구분해서 두 개 이상 부여 O⎷ A 내부에 있는 모든 B 선택 → B는 A의 자손⎷ 두 개 이상의 엘리먼트를 선택할 때 사용⎷ 모든 엘리먼

5일 전
·
0개의 댓글
post-thumbnail

[HTML/CSS] 📚 animation

CSS의 animation 속성에 대해 학습한 내용입니다.

2022년 6월 15일
·
0개의 댓글
post-thumbnail

[HTML/CSS] 📚 transition

CSS의 transition 속성에 대해 학습한 내용입니다.

2022년 6월 15일
·
0개의 댓글
post-thumbnail

[HTML/CSS] 📚 transform

CSS의 transform 속성에 대해 학습한 내용입니다.

2022년 6월 15일
·
0개의 댓글
post-thumbnail

[HTML/CSS] 📚 색상과 배경

CSS의 색상, 배경과 관련된 속성에 대해 학습한 내용입니다.

2022년 6월 14일
·
0개의 댓글

웹페이지에 BGM 넣기

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

2022년 6월 13일
·
0개의 댓글
post-thumbnail

CSS flex , grid 비교해 보기

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

2022년 6월 12일
·
0개의 댓글
post-thumbnail

css 선택자 조합선택자,자식,자손

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

2022년 6월 11일
·
0개의 댓글
post-thumbnail

[HTML/CSS] 📚 레이아웃

CSS의 레이아웃에 대해 학습한 내용입니다.

2022년 6월 10일
·
0개의 댓글
post-thumbnail

[HTML/CSS] 📚 박스 모델

CSS의 박스 모델에 대해 학습한 내용입니다.

2022년 6월 10일
·
0개의 댓글
post-thumbnail

[HTML/CSS] 📚 단위와 값

CSS의 단위와 값에 대해 학습한 내용입니다.

2022년 6월 10일
·
0개의 댓글
post-thumbnail

[HTML/CSS] 📚 폰트 관련 속성

CSS의 폰트 관련 속성에 대해 학습한 내용입니다.

2022년 6월 9일
·
0개의 댓글

[HTML/CSS] <hr>도 box다!

<hr>은 선일까요? 선의 개념으로 <hr>을 보면 뭔가 선이 맞는 것 같기도 하고.. 아닌 것 같기도 하고.. 이에 대해 자세히 알아보죠!

2022년 6월 9일
·
0개의 댓글
post-thumbnail

[HTML/CSS] 📚 선택자

CSS의 선택자에 대해 학습한 내용입니다.

2022년 6월 9일
·
0개의 댓글
post-thumbnail

[HTML/CSS] 📚 CSS 개요

CSS에 대해 간략하게 살펴보았습니다.

2022년 6월 9일
·
0개의 댓글
post-thumbnail

[HTML/CSS] 📚 전역 속성

HTML의 전역 속성에 대해 학습한 내용입니다.

2022년 6월 9일
·
0개의 댓글
post-thumbnail

[HTML/CSS] 📚 메타데이터 요소

HTML의 메타데이터 요소에 대해 학습한 내용입니다.

2022년 6월 9일
·
0개의 댓글

HTML/CSS 로딩창 만들기

로딩창을 만들기위한 기본적인 뼈때 기본적으로 전체적으로 box-sizing: border-box를 사용하여 박스의 넓이를 잡아준다. margin : 0 auto를 통하여 중앙 정렬을 해준다..loading-title { font-size: 30px; font-

2022년 6월 8일
·
0개의 댓글
post-thumbnail

[HTML/CSS] 📚 폼 관련 요소

HTML의 폼 관련 요소에 대해 학습한 내용입니다.

2022년 6월 8일
·
0개의 댓글
post-thumbnail

나의 첫번째 웹사이트 수정편

맨 처음에 만든 자기소개 웹사이트가 승에 차지 않아서 레이아웃을 다 수정했다. 방명록도 작성할 수 있다. 그리고 about me! 버튼을 누르면 메인페이지로 들어갈 수 있다.

2022년 6월 7일
·
0개의 댓글