본문 바로가기
728x90
300x250
SMALL

Front-end328

접두사 벤더프리픽스 (Vendor Prefix) - webkit moz o ms css3의 표준안은 아직 표준 규약으로 확정된 것이 아니기 때문에 브라우저 별로 다르게 보입니다. 예전에 이렇게 브라우저별로 통일되지 않은 부분 때문에 정말 많은시간을 머리를 굴리며 고생고생하다가 결국 핵을 써가며지저분하게 코딩을 마무리 기억이 나네요아무튼 그래서 개발사들이 이런 상황에 대처하기 위해 css3표준안을 적용하기 이전에 브라우저에서 자체적으로 css3를 지원할 수 있는 접두어를 지원하게 됩니다.즉 브라우저별로 다르게 보이는 css3 표준안은 프리픽스를 앞에 붙여주고 나중에 표준이 정해지면 접두어가 붙은 속성은 무시 되고 알아서 표준 속성을 지원하게 됩니다. ▷ 접두사 -webkit- : 사파리, 크롬-moz- : 파이어폭스-o- : 오페라-ms- : 익스플로러css3 표준속성 순서가 중요한데.. 2018. 12. 9.
css선언 순서에 대한 고찰 예전에 웹표준 관련 자료에서 본 것을 토대로 큰것에서부터 세부적으로 css를 적용시키기는 하는데 막상 작업 하다보면 급한대로 정리 안하고 하게 되는듯 갑자기 다른 분들은 어떻게 작업하시나 궁금해서 찾아봤는데 어떤분은 알파벳순으로 정리한다 그러고 레이아웃에 가까운 순서로 작업한다 그러고 대중은 없는듯 ▶ 모질라 파이어폭스 css 선언 순서 display list-style position float clear width/height padding/margin border/background color/font text/decoration test-align/vertical-align white-space other text content ▶ NHN 마크업 CSS 선언순서 1. 레이아웃 display, vi.. 2018. 12. 5.
서브라임 텍스트 한글깨짐 gbk utf-8패키지 설치 서브라임 텍스트3로 코딩중에 한글깨짐 현상 .. 갑자기 이럴때마다 정말 속상하네요 이런식으로 Can not convert file encoding of index html to GBK, it was saved as UTF-8 instead:'gbk' codec can't encode character '\uc6f9' in position 223:illegal multibyte sequence 저번에는 css 저장할때 떴었는데그때는 @charset "utf-8"; 이걸 안넣은 단순한 실수 였는데요 이번에는 잘 되다가 안됩니다.html 파일이고 utf 다 설정되어있는데요 한글이 이런식으로 깨져서 나오네요 ConvertToUTF8 패키지를 다운 받아서 설치해 주도록합니다. https://github.com/s.. 2018. 11. 28.
NotoSans 웹폰트 간단하게 적용하기 웹작업에 정말 많이 사용되는 'Noto Sans 폰트 적용하는 방법 알아보겠습니다. 위에 NotoSans 파일을 다운받습니다. 한개의 알집으로 간단하게 올리고 싶었는데 10m가 넘으니까 용량초과 나오네요 부득이하게 3개 파일로 나눴습니다. 다운 받은 파일의 압축파일을 풀면 다양한 사이즈와 확장자의 notosanskr 폰트들이 나옵니다. 이 폰트들을 로컬 fonts 폴더에 넣어주고 서버에 업로드 시켜줍니다. 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ @fon.. 2018. 11. 25.
728x90
반응형
LIST