카테고리 없음

웹 10일차

퍼린이 2024. 7. 30. 18:43

---------------------

[앵커태그]

- 클릭했을때 원하는 경로로 이동할 수 있게 해주는 태그

- 요소가 있어야 클릭해서 이동할 수 있다.

-기본적으로 href 라는 속성 생성

- 기본적으로 target 이라는 속성 작동

ㄴ 기본값: self ( 내가 보고 있는 페이지가 바뀌면서 경로 이동)

ㄴ _blank ( 새탭이 열리면서 이동)

- title 속성을 사용할 수 있다.

ㄴ 형태 ) title = " "

ㄴ " " 안에 원하는 문구를 입력해주면

  마우스를 올렸을때 말풍선으로 표시 해준다.

-이동할 링크가 정해지지 않았다면

   href 속성값으로 꼭 #을 작성 해줘야 함

 

< 여는 태크> 엘리먼트 </ 닫는태그>

 

[none 값]

-없앤다.

 

[flex]

-flex 속성값이 적용된 태그를 

flex-container  라고 부름

-flex-container 자식을 

 flex-item dlfkrh qnfmsek

- flex item 은 줄바꿈 되라는 코드가 적용되기 전까지 절대 줄바꿈 안됨

ㄴ 줄아 들 수 있을 떄까지 유연하게 줄어듬

-flex-item 을 한번에 정렬하는 속성은 flex-item 을 개별적으로

커스텀 할 수있는 속성은 flex-item 에 적용

 

[align-items 와 flex-item 높이]

-align-itmes : stretch;

ㄴ height: auto = 100%

 

-align-items : 그 외 값;

ㄴ height : auto = 0

 

[align-items] 세로정렬 속성

-stretch 값 을 제외하곤 flex-item 높이를 강제로 작게 줄여서 이동

*flex 는 생략 가능

 

상단정렬 )

align-itmes : flex-start;

 

중앙정렬 )

align-itmes : center;

 

하단정렬 )

align-itmes : flex-end;

 

order 스킵