CSS

요소는 존재하지만 영역을 차지하지 않는다.요소가 화면에 투명한 색으로 보인다.요소의 실제 내역이 작성되어 지는 영역 (시작 태그와 종료태그 사이에 작성되는 모든 것)content 와 border 영역 사이요소의 테두리가 지정되는 영역content보다 바깥

기본적으로 CSS속성은 style 태그 또는 css파일에 작성된 순서(위,아래)대로 해석이 진행 되지만 같은 요소에 따라 css 속성이 설정되는 경우 우선 순위가 적용된다.1) 동일한 우선 순위로 CSS속성이 설정된 경우그 중 제일 마지막에 작성된 CSS 속성이 반영된

특정 요소에 자식이 하나 밖에 없는 경우.특정 요소의 타입이 하나만 있는 경우자식 요소가 '없는' 요소 선택같은 스타일을 지정하고 싶지만 요소를 선택하는 요소가 일치하지 않을 경우.특정 요소 내부에 있는 특정 클래스만 선택

1) 선택자 속성명 ~= "특정값" {CSS코드;} \-> 띄어쓰기로 구분되어 있는 여러 속성 값이 작성된 속성 중 속성 값이 특정 값을 포함하는 요소를 선택자여러 속성 값중 '하나' 라도 일치하면 선택이때 속성 값 이름

하...자바가 훨씬 재밌다.. CSS 마크업 언어가 실제 화면에 표시되는 방법(모양,색상,크기,스타일)를 기술하는 언어 W3C(웹 표준 지정 기관에서 CSS를 표준으로 지정함. 1 ) 형식으로 열고 닫아 사용 할 수 있다. 2 ) Link 태그를 이용해 외부 C

Flexbox > 요소의 정렬되는 방향 , 순서 ,요소간의 간격을 수치적으로 처리하지 않아도 알아서 유연하게 처리해주는 형식. Flexbox 사용 시 필수로 알아야하는 것 >## FlexBox의 구성 flex-container : 정렬이 필요한 요소

color : 색상명(영문),16진수 숫자(rgb(255,255,255)|rgba(255,255,255,1)hsl(360,100%,100%)|hsla(360,100%,100%,1) 색조,채도,밝기 rgba 와 hsla의 'a'는 투명도를 의미한다(0:투명 , 1:불투명

참고 이미지는 기본적으로 자신만의 사이즈를 가지고 있어width / height 중 하나의 값만 지정해도 나머지는 방향은 비율에 따라 자동으로 맞쳐 진다이미지를 2차원 평면에서 움직이는 명령들transform : translate ~CSS속성 작성 시 크로스 브라우저(

웹페이지 모양을 만들기 위해 구조를 잡는다 로고 삽입검색 상자 생성 및 삽입로그인 블럭 생성.대구분인 header의 div의 첫번째 자식에 중앙 정렬을 위해 display:flex 속성과 justify 와 align를 사용하였다.그 후 로고 이미지에 가로폭을 120px