HTML·CSS (32) 썸네일형 리스트형 poster, 비디오 준비 중일 때 미리보기 이미지 poster: 비디오 준비 중일 때 이미지경로 textarea, 가로세로 글자 갯수설정 textarea: cols, rows 123456789012345678901234567890 2. standout 3. standout 4. standout 5. standout 6. standout 7. standout 8. standout 9. standout 10. standout select, 다중선택과 그룹화 multiple="multiple": 여러개선택 optgroup: 옵션을 그룹화 standout standout standout standout standout standout standout standout CSS 선택자 속성값에 특정단어포함여부 + 정규표현식 div [data-role| = row] : 속성값에 특정단어 div [data-role ~ = row] : 속성값에 특정 단어포함 div [data-role*= row]: 속성값에 특정 단어포함 div [data-role^ = row] : 속성값에 특정단어로 시작 div [data-role$ = 9]: 속성값에 특정단어로 끝 STANDOUT STANDOUT STANDOUT STANDOUT STANDOUT STANDOUT https://standout.tistory.com/73 코드를 줄여주는 정규표현식 정규표현식 regular expression, 간단히 regexp 또는 regex, rational expression) 또는 정규식이라 불림. 특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 .. CSS 선택자, 번갈아 선택하기 nth-last-child(2n+1) , nth-child(2n+1) li:nth-last-child(2n+1) 마지막에서 2의배수 li:nth-child(2n+1) 첫번째부터의 2의배수 STANDOUT STANDOUT STANDOUT STANDOUT STANDOUT STANDOUT STANDOUT 리스트의 갯수가 조건에 맞아야지만 적용된다. CSS 선택자 첫/마지막번째, *-of-type h1:first-of-type : h1형제중 첫 번째 h1 태그 h1:last-of-type : h1형제중 마지막 h1 태그 STANDOUT STANDOUT STANDOUT STANDOUT CSS 선택자, 번갈아 선택하기 nth-of-type() h1:nth-of-type(2n+1) h1:nth-last-of-type(2n+1) STANDOUT STANDOUT STANDOUT STANDOUT STANDOUT STANDOUT STANDOUT CSS 선택자, 번갈아 선택하기 odd/even p:nth-child(even), 홀수 p:nth-child(odd), 짝수 STANDOUT STANDOUT STANDOUT STANDOUT STANDOUT STANDOUT STANDOUT 이전 1 2 3 4 다음
