본문 바로가기

공부/TIL

2019-04-04

<h1 class="header-logo">LINE</h1> 라인의 메인이므로 h1이 높을확률이 높음

*nav요소는 한개만 사용하는게 좋음*

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

float : 가로 방향 (공백발생 x )

position :거리가 뚝떨어져있는곳 : 자식들을 absolute로

inline-block : 가로방향 (공백문자가 발생할 수 있음) sub menu는 인라인블록처리

menu > li 자식선택자 ( 바로 이자식만 선택)

누구를선택했고, 그게 누구한테 영향을 주는구나

상자의 가운데 넣는듯한 효과 ( 상자의 높이 = line-height 높이 주기) 마치 중간에있는것처럼 느껴지기

*검색해보기 height line-height*

inline상자와 block의 특징을 좀보자

6개 menu-act

::after 노트 #

.menu-item-text::after{

content:"박스";

background:blue;

}

p:a는 자신의 부모의 포지션을 묻고 s무시 , r을 만날떄까지 계속올라감

ul 안에 li들 정렬 노트 ! (inline-block)

white-space: nowrap; 개행 금지

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ헤더영역 ㅡㅡㅡ

접근성

<https://www.wah.or.kr:444/Participation/guide.asp> 웹접근성연구소

소리가 들을 수 없을때도 알아볼 수 있어야됨 , 명도 ,

내정보가 검색되고 유입될 수 있도록 (SEO)

안좋은 이름 : TOP, BOTTOM XX 기능(닫기)

많은사람을 바라보고 토론하는것

자동재생 금지 반복영역(우회수단제공SKIP nav)

more는 li 밑에있어야된다

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

*특수문자 노트

ㅡ직접마크업한 컨텐츠, 배경 컨텐츠 , 특수문자 처리를 녹여내기

copyright&copy;

배경의 동작

 

 

background-color를 쓰거나 background (단축표현을 쓸때는 ) 그라데이션 전에 와야됨

애니메이션

1.애니메이션의 이름(함수이름 짓듯) textAni

2.글자 굵기 (크기가 변경) font-size

3.투명도 opacity, color :rgba()

4.왼쪽상단 오른쪽 하단 p:a (top left) , m, p ㅡ>성능이 좋지않음

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ@노트

반응형

'공부 > TIL' 카테고리의 다른 글

2019-04-06  (0) 2019.04.06
2019-04-05  (0) 2019.04.05
2019-04-02  (0) 2019.04.02
2019-04-01  (0) 2019.04.01
2019-03-30  (0) 2019.03.30