본문 바로가기

FrontEnd/html, css

[HTML, css] 자잘한 팁들

기본적으로 사용하는 내용들 중 가~끔 기억이 나지않을만한 내용을 정리하는 글입니다.

- 공백을 아무리 넣어도 무조건 한칸이다  를 사용해 여러칸의 공백을 넣는다

- >,<등 태그에 사용되는 특수문자들은 코드를 이용해 입력해야 한다 &gt;(>, greater than) &lt;(<, less than) 

- case sensitive와 비슷한 단어를 본다면 대소문자 구분에 관련한 단어이다

- <div>태그는 브라우저의 좌우크기를 줄일때 width값이 같이 줄어든다

- <a href="https://www.naver.com" target="_blank">네이버 새창에 띄우기</a>

    _blank       새창
    _self target 속성의 기본값으로 링크가 있는 화면에서
    _parent      프레임을 사용했을때 링크 내용을 부모 프레임에
    _top          프레임을 사용했을 때 프레임을 벗어나 링크 내용을 전체화면에

-  standard(국가, 기관), recommanded(기업 ex:MS, Google) 의 표준을 뜻하는 단어이다

- chrome을 사용시 <table>태그안에 <thead>, <tbody>를 지정하지 않으면 내부에 <tbody>를 넣어서 해석한다
  따라서, 최대한 정확하게 작성하고 css선택자의 자손선택시 유의해야한다

- utf-8에서 한글은 3byte임
  남 -> %EC%97%AC
  자 -> %EC%9E%90

- css에서 색상을 나타내는 방법들
  RGB - rgb(x,x,x)
  hex  - #rrggbb
  hsl - hsl(hue, saturation, lightness)
             색상      채도         명도
            0~360   0~100%    0~100% 
                      회색~원색  어둡~밝
  RGBA - rgba(r,g,b,a) 알파(투명도)

- <sytle> box-sizing:border-box; 테두리까지 포함해서 width가 됨