selector3 [CSS] selector 문법으로 css 코드 양 줄임 💾 Editor: VSCode 👉 참고 이름 날짜 블로그 글 가성비 맛집 발견 float 준 다음에 margin-top이 안 먹힐 경우에는 float 준 요소 다음에 clear:both 넣은 추가함 👉 navbar 만들기 layout1.html (1) 영화 맛집 IT 컴퓨터 대신에 사용. 기능은 똑같음 style.css .navbar li { display: inline-block; } selector 문법 공백: '~안에 있는' 모든 자식 selector 문법 > : '~안에 있는' 직계 자식 layout.html (2) 영화 맛집 IT 컴퓨터 태그 추가. 경로가 지정되지 않았을 경우에는 "#" 이런 형태로 우선 작성 style.css /* 내비게이션 */ .navbar li { display: inl.. 2023. 1. 1. [HTML] selector 선택자 (tag, class, id) + style 💾 Editor: VSCode 👉 기존 html 코드 devje Front-end Developer I want my dream to come true. The future is mine. 기존 html 코드에서 style 속성으로 넣었던 것을 모두 style.css 로 옮긴다. html 파일 안에 html과 css를 연결하는 link 태그를 head 안에 작성한다. 👉 index.html => style.css (스타일 속성 옮기기) index.html style.css .profile { width:100px; display:block; margin-left:auto; margin-right:auto; } img 태그에 class 속성 추가 style.css 파일에 코드 옮기기 html 태그에 sty.. 2022. 12. 28. [CSS] 6~7 id class 선택자 생활코딩 [WEB2 - CSS] STUDY 기록 6. CSS 속성을 스스로 알아내는 방법 검색 글씨 크기 css text size property => font-size 속성 사용 가운데 정렬 css text center property => text-align 속성 사용 h1 { font-size: 45px; text-align: center; } 글씨 크기가 커지고, 가운데 정렬 되었다. 7. CSS 선택자의 기본 윤동주 시인 시 서시 별 헤는 밤 쉽게 쓰여진 시 .saw 이 선택자는 이 웹페이지에서 class가 saw인 것을 가르킴. 별 헤는 밤 class의 값은 여러 개 들어올 수 있다. 값이 2개일 때는 나중에 입력한 선택자가 우선순위를 가짐. 별 헤는 밤 우선순위를 확실하게 하기 위해 id 선.. 2022. 1. 26. 이전 1 다음
