picture
<picture> 내에 <img>를 사용하는 것은 필수
1 | <div class="rwd-wrapper"> |
2019-04-16 TIL
2019-04-15 TIL
2019-04-12 TIL
2019-04-11 TIL
새소식
마크업
내 마크업1
2
3
4
5
6
7
8
9
10section.news
h2.news-header
a.news-link
article.news-item
h3.news-item-subject
time
p.news-item-brief
span
img
a.news-more
강사님 마크업
1 | section.news |
2019-04-08 TIL
2019-04-05 TIL
form
상호작용
필수 요소로 action을 가짐(주소)
fieldset : 연관성 있는 서식의 묶음
legend : fieldset의 목적
label : 입력서식에 대한 표시, 모든 입력서식은 label을 가져야 함
암묵적 label : label 안에 input을 넣는 방법
명시적 label ; label에 for를 이용하여 input의 id를 입력
required
논리속성
submit의 action으로 데이터 전송 전 browser에서 필수값을 확인
placeholder
안에 들어올 값 이나 값의 힌트를 미리 입력 / label과 동일하게 많이 사용하나 다름
inputtype
https://seulbinim.github.io/WSA/form.html#input-%EC%9A%94%EC%86%8C
https://miketaylr.com/pres/html5/forms2.html
2019-04-04 TIL
그라데이션
background-image: linear-gradient(red, green) : 위에서 아래, 레드에서 그린
background-image: linear-gradient(to right, red, green)
https://webgradients.com/
https://leaverou.github.io/css3patterns/
http://www.colorzilla.com/gradient-editor/
2019-04-01 TIL
flex
main에 display를 flex로 설정
flex-direction을 이용하여 가로로 정렬
justify-content를 이용하여 group1~3의 사이를 균등하게 분할
IE11에서 이용 불가
https://css-tricks.com/snippets/css/a-guide-to-flexbox/