CSS
-
0726. CSS(2)CSS 2023. 7. 26. 19:41
*정렬 container : block -> width가 부여된 박스를 정렬할 수 있음 (text-align 시 특정 영역 내(margin박스 내에서) 정렬됨 => margin에 대한 값을 매겨 박스 자체 이동 container-fluid : inline -> 내용의 길이에 따라 폭이 조절됨(정렬 자체를 따로 못 함) -> "text-align" 내용 자체라 가능 이미지 반응형 이미지 .img-fluid max-width: 100%; height: auto; (min-width 도 존재) class="img-fluid" 위 아래 둘다 같은 뜻 style="max-width: 100%; height: auto;" 등록 등록 버튼 내 아이콘과 등록글자 간격 띄우기 등록 삭제 수평선 하고 아웃라인 삭제 링크 ..
-
0725. CSSCSS 2023. 7. 25. 18:18
CSS Cascading Style Sheet 웹 요소에 둘 이상의 스타일을 적용 시 우선순위에 따라 결정 스타일이 상속 : 부모태그, 자식태그 선택자 범위 속성명 속성값 body { background red ; 외부 스타일 시트 한 폴더 내에 css 파일 생성 후(폴더명/파일명.css) head 안에 걸어서 입력 내부 스타일 시트 1. 2. inline style 네이버 메일로 네이버 카페로 네이버 뉴스로 우선순위 가장 구체적으로 지정된 것 동일한 수준일 경우 나중에(최신) 지정된 것 1.태그에 바로 지정된 것(inline) 2.해당 페이지에 지정된 것(head 안에 style 태그) 3.외부 스타일 시트(css파일) 4.브라우저 default 스타일 (아무 것도 안 했을 때 기본 스타일) ⭐ !im..