Tag: Web

2019
0
TILHTML&CSS

html-css-study-07

HTML Study 07 article태그 강조 태그 ( em , strong ) font weight 가중치 데이터는 숨기고 이미지를 표기하는 IR 기법. 종류 및 장단점 agent-style 시 확인해야할 점들. float 대신에 inline-block 사용시 주의점. 밑줄 gradient 만드는 방법들. 애니메이션 방법들 ar

0
TILHTML&CSS

HTML 마크업 연습하기

123456789101112131415161718192021<section class="news"> <h2 class="news-heading"> 새소식 </h2> <a href="#" class="news-link"> <dl class="news-list"> <dt

0
TILHTML&CSS

html-css-study-06

HTML Study 06 MarkUp 짤 때 고민해야하는 점. fieldset 태그의 버그 button태그의 버그 (왜? button 대신 a role=”button” 을 이용하는가?) vertical-align / text-align time 태그 block 태그 안에서 여백을 주는 여러가지 방법들. 글자 수 숨기기 (… 처리하기) fontello ar

0
TILHTML&CSS

html-css-study-05

HTML Study 05 MarkUp 짜기 로그인창 HTML ~CSS 구성해보기 form 태그 dt dl dd 태그 a태그의 속성 들여쓰기 방법들 line-height 마크업시 생각나는 고민들!div -> 의미없는 정보 section -> 1장 1절 같은 정보 , header 태그가 없으면 경고를 띄운다. article -> 독립된

0
TILHTML&CSS

html-css-study-04

HTML Study 04 HTML5 콘텐츠 모델 CSS 셀렉터 html5 표준확인 CSS 구체성점수 Shadow Entity list opcacity 시나리오 작성 z-index background 애니메이션( @keyframes, + 곡선도 ) position, float 다시 정리 float 객체에 강제로 높이 를 알려주는법(ov

0
DevelopGIT

Git Repo 가져오기

GIT 시작하기✸ git 개발은 항상 끊어서 커밋 해야만 한다. 그리고 영어로 쓰는 것을 습관화들여라!Git CLI 기본 설정. ( 설정이 완료되있다면 git 시작하기 1 or 2부터 시작 ) ✸ git config –list ( git 설저한 내용 확인 ) git config –global user.name “HYEOK999”. git conf

0
TILHTML&CSS

html-css-study-03

HTML Study 03 가상 요소 nth:child WAI-ARIA a11y-hidden / aria-hidden : 태그 숨김처리 role Web Font - 이미지 아이콘 CSS 단위 float 그림자 gradiunt CSS 색상값 단위 {참고} 가상 요소[가상요소] https://developer.mozilla.org/k

0
TILHTML&CSS

html-css-study-02

HTML Study 02 display flex layout a 태그 position font css 개발 방법론 외부 css 적용 방법 ( reset CSS 와 normalize CSS ) 오늘의 중요점!css 문제가 생길시 홈페이지를 열어서 검사를 하고 항상 작은 단위부터 큰단위로 확인하다.( 특히 상속,겹침,우선순위 ) box-sizing 방식은

0
TILHTML&CSS

html-css-study-01

HTML Study 01 DTD 소개 및 사용 방법 html 영역의 언어 선택 head 영역 안 인코딩 선언 타이틀 요소를 이용한 좋은 제목을 만드는 방법 HTML의 구조 설계 CSS 레이아웃 박스 모델 WEB은 디자인관점이 아닌 콘텐츠 관점으로 보아야 한다.SEO 관점으로 페이지를 작성해야만 한다.문서와 구조와 표현을 분리 해놓는 것이 중요하다.DT

0
TIL

20190903-personal-study-html

20190903-Test-web-page Study파일 구조 style.css1234567891011121314151617181920212223242526272829303132body{overflow: hidden;}.image{position:relative;float: left;height: 200px;width:300px;m