웹1 5일차

[5일차 1교시]

클래스선택자 복습 +

 

[5일차 2교시]

inline-block 여백제거 복습+

줄 바꿈 바꾸기

css 힘

 

[5일차 3교시]

앵커태그(하이퍼링크)

 

 

 

[브라우저에서 텍스트 취급받는 요소]

1. 텍스트
2. inline
3. inline-block

[텍스트 특징]
행간과 자간이 있다
*행간 : 줄과 줄 사이의 여백
*자간 : 글자와 글자 사이의 여백

 

기본적으로 폰트는 가독성 때문에 자간과 행간이 존재한다

inline과 inline-block도 브라우저에서 텍스트 취급을 받기 때문에

텍스트의 특징(행간,자간)을 갖고 있다고 보면 이해하기 좋다

 

텍스트의 속성을 없애기 위해서는???

Tip.텍스트의 속성은 한단계씩 떨어져 적용된다는 점을 생각해야 함
->참고하기

 

 

[css의 힘]

 

아래로 갈수록 힘이 강해진다

but

태그 선택자 -> 선택자로 선택된 태그 선택자 ->

클래스 선택자 -> 클래스 안의 선택자

순으로 강해짐 ( css의 위치가 위에 있더라도..)

 

->코드팬에서 참고하기

 

[a태그 특징]

1.  특정한 사이트나 위치로 이동할 수 있는 태그
2. 기본값은 내가 보고 있는 페이지가 바뀌면서 페이지 이동
3. display: inline;이다
4. href="" 안에 적혀있는 링크를 하이퍼링크라고 부른다
5. 클릭했을 때 이동할 수 있는 형태가 있어야 한다
6. a태그는 target이라는 속성이 기본적으로 들어있고 기본값은 self이다
7. self는 내가 보고 있는 페이지가 바뀌면서 페이지 이동이고 blank라는 값은 새 페이지가
      열리면서 페이지 이동을 할  수 있게 해주는 속성값이다

속성 / 속성값 구분하기 

참고)

* 옐로우 - 속성 / 그린 - 속성값.

 

✅추가 [tip]/동시에 단어를 여러 개 수정하고 싶을 때

 

지우거나 복사할 곳 뒤에 커서를 위치하고 컨트롤를 누른 채

같이 변경할 곳 뒤에 마우스 클릭 -> shift 누르고 방향키로 수정

취소는 end or home