how to use pseudo-class :not with :nth-child

Posted by 이상한 나라의 채소토끼
2018. 1. 11. 19:41 HTML , CSS

td:not(:nth-child(4n)){
  text-align:center;
}


-> 4번째 td를 제외하고 td 태그에 적용됨

'HTML , CSS' 카테고리의 다른 글

line-height 속성  (0) 2018.01.11
overflow 속성  (0) 2018.01.11
float< position absol, fixed 우선시 됨  (0) 2018.01.11
box-sizing / background-size  (0) 2018.01.10
transition 속성  (0) 2018.01.10

금일

Posted by 이상한 나라의 채소토끼
2018. 1. 11. 18:07 카테고리 없음

정보수정

메뉴
상세페이지

->오후 동영상 보기~

->우리 앱 짜기~~

->이력서~

ul>li > label
ul 안에는 li만 올수있음. label>li는 잘못.
li>label>input (ok)

구조 잘못
아이디 input 박스
dt dd 로 짜줘야 했음.

ul : w70p
li : w100p dib

메인은 ul li (구조 좀 더 복잡한건 이거쓰기도 함dl dt dd)
안에 게시판 같은것 table로 만듦

float< position absol, fixed 우선시 됨

Posted by 이상한 나라의 채소토끼
2018. 1. 11. 05:22 HTML , CSS

absolutefixed 값은 float 보다 우선해서 박스를 다음에 설명할 절대적인 위치로 배치되도록 만들기 때문입니다. 또한, float된 박스는 display 속성을 inline으로 지정하더라도 실제 적용되는 산출 값(computed value)은 block이 됩니다.

'HTML , CSS' 카테고리의 다른 글

overflow 속성  (0) 2018.01.11
how to use pseudo-class :not with :nth-child  (0) 2018.01.11
box-sizing / background-size  (0) 2018.01.10
transition 속성  (0) 2018.01.10
background 단일속성으로 사용하기 등  (0) 2018.01.09

box-sizing / background-size

Posted by 이상한 나라의 채소토끼
2018. 1. 10. 23:42 HTML , CSS


box-sizing 속성:

width 속성과 height 속성이 차지하는 범위를 지정합니다.


box-sizing: content-box : 이 값은 CSS 표준에 의해 정의된 기본 스타일이다. 

width와 height 속성은 padding, border, margin을 포함하여 측정되며,

을 포함하지 않는다.


box-sizing: border-box : width와 height 속성이 padding 및 border를 포함하며,


box-sizing: padding-box :

width와 height 속성은 padding 크기를 포함한다.

하지만 border 및 margin을 포함하지 않는다.


margin을 포함하지 않는다. 이 box model 은 인터넷 익스플로러에서 문서가 쿽스 모드일 때 사용된다.




background-size

background-size:cover;
cover로 설정하면 이미지의 가로/세로 비율은 고정되고 , 가로 크기가 요소의 가로 크기로 맞추어진다
(가로크기=요소 가로크기)
세로크기가 요소의 세로크기보다 크면 아래가 감추어져 화면에는 보이지 않는다.

background-size:contain;
이미지의 가로/세로 비율은 고정되고 세로크기가 요소의 세로크기로 맞추어 진다.
가로 크기가 요소의 가로 크기보다 작으면 빈공간이 생긴다.


'HTML , CSS' 카테고리의 다른 글

how to use pseudo-class :not with :nth-child  (0) 2018.01.11
float< position absol, fixed 우선시 됨  (0) 2018.01.11
transition 속성  (0) 2018.01.10
background 단일속성으로 사용하기 등  (0) 2018.01.09
가상요소  (0) 2018.01.09

금일

Posted by 이상한 나라의 채소토끼
2018. 1. 10. 18:38 공부일지

???

백그라운드 이미지 동그랗게 할수 있나?

티월드 ㄱㄱ

???


못한 것

->오후 동영상 보기~

->우리 앱 짜기~~

->이력서~



2018.1.10 수

한 것

: 오전 마이페이지 팔로잉 게시물 만듦


 

오후 : 3시께까지 그라디언트와 폼, 트렌지션 정리 했다.

이후 수업시간내 로그인페이지 완성~




카페 (9:00~11:40)

: 폼 태그 좀더 다듬음

다른조 홈페이지 봤음.


집 (am5:00)

:회원가입까지 완성



감상적 정리

: 자만하지말자, 5개월과정 끝내고 취업 잘 하려면 더 빡세야 한다.

이제 학원이 편해졌다. 계속 지속되삼