[생활코딩][CSS] 다양한 선택자들 CSS 선택자
게임으로 선택자 공부 : http://flukeout.github.io/
.class {} class 속성
#id {} id 속성
* {} 모든 속성
A, B {} A,B의 속성
A + B {} A옆에 인접한 B가 선택이된다! (옆 하나만됨)
A ~ B {} A옆에 인접한 B가 선택이된다! (옆 마지막까지 선택)
child selector : element의 직계 child만
A > B {} 모든 A 안의 A바로 밑에있는 B만 선택한다.
First ChildA :first-child B {} 모든 A 밑에 있는 첫번째 child B만
Only child pseudo-selector(level 16 of 26)
* :only-child B {} 단독으로 차일드 있는 B만 (차일
드 두개이면 선택 안됨)
last child pseudo-selector(level 17 of 26)
.table>*:last-child {} table 제일 끝에있는 child값만
Nth child selector(level 18 of 26)
A:nth-child(3) {} A 의 3번 째 차일드
Nth Last child selector(level 19 of 26)
First of Type selector(level 20 of 26)
Nth of Type Selector(level 21 of 26)
A:nth-of-type(even) {} A중에서 짝수 번째 타입만 add = 홀 수
Nth of Type Selector with Formula(level 22 of 26)
Only of Type Selector (level 23 of 26)
Last of Type Selector (level 24 of 26)
empty Selector (level 25 of 26)
Native Pseudo-class (level 26 of 26)
'개발 > [언어] CSS' 카테고리의 다른 글
[생활코딩][CSS] inline block (0) | 2016.12.06 |
---|---|
[생활코딩][CSS] 캐스케이딩 cascading (0) | 2016.12.06 |
[생활코딩][CSS] px vs em vs rem (0) | 2016.12.05 |
[css] 이미지에 색 필터 넣기 (0) | 2016.11.13 |
[css] input text속성 (0) | 2016.11.10 |
[생활코딩][CSS] px vs em vs rem
오늘날에는 rem를 쓴다
why? 폰트크기를 조정할 수 있는 사용자의 권리
사용자가 텍스트 사이즈를 조절할 수 있게 한다는점에서 사용함
px 사용자가 글꼴 크기 키웠을때 커지지 않는다. (rem은 커진다.)
'개발 > [언어] CSS' 카테고리의 다른 글
[생활코딩][CSS] 캐스케이딩 cascading (0) | 2016.12.06 |
---|---|
[생활코딩][CSS] 다양한 선택자들 CSS 선택자 (0) | 2016.12.05 |
[css] 이미지에 색 필터 넣기 (0) | 2016.11.13 |
[css] input text속성 (0) | 2016.11.10 |
CSS - Image 겹치기 (0) | 2016.10.31 |
[서버] express 기본 개념
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | var express = require('express'); var app = express(); // 가져온 모듈 = 함수 applicaition 이라는 것을 리턴 이거 만든 사람이 이 형식으로 쓰라고 만든 형식 app.get('/', function(req, res){ res.send('<h1> Hello porter'); }); app.get('/login', function(req, res){ // 라우터의 기능을 한다. res.send('<h1> Login please bro </h1>'); }); app.listen(3000, function(){ //서버 열기! console.log('conneted 3000 port!~'); }); | cs |
'생활코딩 ' 카테고리의 다른 글
[서버] 동기와 비동기 프로그램 (0) | 2016.12.02 |
---|