본문 바로가기

전체 글162

13. 웹 개발을 위한 기본 CSS 태그 모음 & 요약 정리 4 1. z-index z-index 1번째 div 2번째 div 3번째 div 2. float1 float1 Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique saepe a ut animi quisquam velit fuga! Odit, ipsum natus esse ut, et sed mollitia quidem cumque iusto reprehenderit sapiente quos. Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut tenetur repellat, voluptatum obcaecati lab.. 2024. 4. 12.
12. CSS레이아웃과 스타일링 1. 레이아웃 속성Z-indexHTML 요소의 위치를 설정하게 되면 위치 및 방식에 따라 요소가 겹칠 수 있음겹쳐지는 요소들이 쌓이는 순서를 결정할 때 z-index를 사용순서는 숫자의 크기가 클수록 위에 위치하고 작을수록 아래 위치하게 됨FloatHTML 요소가 주변(수평으로 나열된)의 다른 요소들과 자연스럽게 어울리도록 만듦float를 적용받은 요소의 다음에 나오는 모든 요소들이 끌어올려짐float를 적용받은 요소의 다음에 나오는 요소방향을 결정(left, right)컨텐츠 크기 만큼만 영역을 설정(블록)float를 적용받은 요소는 다른 요소(배경)보다 위에 위치Clearfloat 속성이 적용된 이후 나타나는 요소들의 동작을 조절float 속성이 적용되면 그 이후에 등장하는 모든 요소들은 정확한 위치.. 2024. 4. 12.
11.웹 개발을 위한 기본 CSS 태그 모음 & 요약 정리 3 1. css배경1 css 배경1 배경 적용하기 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium quo tenetur accusamus commodi optio, ipsa corrupti illo cumque dolor fugiat delectus quis vero, inventore quasi aperiam dolorem deleniti, ab quisquam! 2. css배경2 css 배경23. css배경3  css 배경3 background-position 1 Lorem ipsum dolor sit amet consectetur adipisi.. 2024. 4. 9.
10. CSS 배경과 박스 모델 1. CSS 배경:background-colorHTML 요소의 배경색을 설정 background-imageHTML 요소의 배경으로 나타날 배경 이미지를 설정배경 이미지는 기본 설정으로 반복되어 나타남background-image: url(파일경로)background-repeat 배경 이미즐 수평이나 수직 방향으로 반복하도록 설정(repeat-x, repeat-y, no-repeat)background-postion반복되지 않은 배경 이미지의 상대 위치를 설정%나 px을 사용하여 상대위치를 직접 설정할 수 있음상대위치를 결정하는 기준은 왼쪽 상단left top center top right topleft center center right centerleft b.. 2024. 4. 9.
과제- 뉴스기사 페이지 CSS 사용하여 꾸미기 저는 뉴스기사 페이지를 html과 css 파일로 나누어서 제작하였습니다. HTML 뉴스 기사 금감원, 감독업무에 ‘생성형 AI’ 사용…네이버와 MOU 입력 2024.04.03 (10:29) 금융감독원이 생성형 인공지능(AI)을 금융감독 업무에 적용하기로 했습니다. 금감원은 오늘(3일) 네이버와 이러한 내용을 담은 ‘디지털 금융 협력을 위한 업무협약(MOU)’을 체결했습니다. 이에 따라 네이버의 생성형 AI ‘하이퍼클로바X’를 비롯한 최신 디지털 기술을 금융감독 업무에 적용할 계획입니다. 또 금융권에서 인공지능(AI) 기술을 활용하기 위한 연구 협력도 강화하기로 했습니다. 이복현 금감원장은 “이번 협약으로 네이버의 정보기술(IT) 기술력을 활용해 금감원 감독·검사 및 금융소비자 보호 역량을 강화할 것으로 .. 2024. 4. 9.
9. 웹 개발을 위한 기본 CSS 태그 모음 & 요약 정리 2 11. 형제 선택자 형제 선택자 첫째 둘째 셋째 넷째 다섯째 여섯째 12. 속성 선택자 속성 선택자 네이버 속성명과 속성값이 모두 일치하는 요소를 선택자로 지정13. 가상 선택자 가상 선택자 첫번째 두번째 세번째 네번째 14. 스타일링 링크 스타일링 링크 파이썬 공식 사이트15. CSS텍스트1 css 텍스트1 letter-spacing Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur, error blanditiis veritati.. 2024. 4. 8.

티스토리툴바