728x90 반응형 source-code/FrontEnd48 CSS _ 헷갈 속성 정리 2 1. 선택자 다음과 같은 상황에서... 에 접근 : div > a 에 접근 : div > a > p or div p 에 접근 : div + li → div 기준 바로 다음에 오는 li에 접근! 2. div 내 text 세로 가운데 정렬 이렇게 속성을 주면... (CloneName은 "TodoClone"을 둘러싸고 있는 div) height만 늘어나고 글자는 본래 위치에 남고 만다. text 세로 가운데 정렬을 위해 line-height 속성을 div 높이만큼 준다! line-height는 줄 높이를 정하는 속성! (참고 : www.codingfactory.net/10639) normal : 웹브라우저에서 정한 기본값(보통 1.2) length : 길이로 줄 높이를 정함. number : 글자 크기의 몇 .. 2021. 3. 24. CSS _ 헷갈 속성 정리 1. overflow : 요소의 내용이 박스보다 더 길 때 어떻게 보일지 선택하는 속성. - visible : 기본값. 내용이 더 길어도 그대로 보임(내용이 흘러 넘침) - hidden : 내용이 넘치면 자름. 자른 부분은 보이지 않음. - scroll : 내용이 넘치지 않아도 항상 스크롤바가 보임. - auto : 내용이 넘칠 때만 스크롤바가 보임. 2. flex : display 속성 중 하나. : 요소의 크기가 불분명하거나 동적인 상황에서도 각 요소를 정렬할 수 있는 효율적 방법 제공. flex는 2개의 개념으로 나눌 수 있다. HTML상에 보일 요소인 Items와, Items를 감싸는 부모 요소인 Container. (Items를 정렬하기 위해서는 Container가 필수적) 주의할 점은 Cont.. 2021. 3. 14. html & css 기초 멋사 오픈 클래스 세션을 맡게 되었다. 아직도 태그나 효과 줄 때 헷갈려서 구글링 하는데... 누가 누굴 알려준다는건지. 하지만 그래도, 지금 할 수 있는 일을 하기로 한다. 1. 개발자와 html, css 1) 웹페이지란? - html css 서버 통신? 웹 브라우저 : 웹 페이지를 다운로드 받아 렌더링 하고, 이를 사용자에게 보여주는 프로그램. - HTML : 문서의 내용 - CSS : 문서의 스타일 - Javscript : 문서의 동작 2. html 1) 기본 환경 설정 - 코드 입력칸에 !를 입력하면 자동적으로 기본 환경이 설정된다. - html 구조 : 시각장애인분들은 웹페이지를 스크린리더를 (화면낭독프로그램)통해 읽는다. 이 때 해당 언어를 인식하고, 자동으로 음성을 변환하며, 적합한 발음을 .. 2020. 11. 20. 이전 1 ··· 3 4 5 6 다음 728x90 반응형
