본문 바로가기

Web/CSS5

CSS(5) 표 꾸미기 [ 코드 ] 2020년 1학기 성적 이름 HTML CSS 합계 120 150 고길동 70 80 둘리 50 70 [ 실행 화면 ] 2020. 11. 4.
CSS(4) <div>의 박스 모델 [ 코드 ] DIVDIVDIV [ 실행 화면 ] 2020. 11. 4.
CSS(3) 색과 텍스트 꾸미기 div { color : rgb(138, 43, 226); } 1) 색 이름으로 표현 aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow 2) 색 관련 프로퍼티 color : 색 /* HTML 태그의 텍스트 글자색 */ background-color : 색 /* HTML 태그의 배경 색 */ border-color : 색 /* HTML 태그의 텍스트 테두리 색 */ 3) 텍스트 text-indent : |;/* 들여쓰기 */ text-align : left|right|center|justify;/* 정렬 */ text-decoration : none.. 2020. 11. 4.
CSS(2) 셀렉터 활용 유형 셀렉터 설명 마우스 :hover 마우스가 올라갈 때 스타일 적용 :active 마우스로 누르고 있는 상황에서 스타일 적용 폼 요소 :focus 폼 요소가 키보드나 마우스 클릭으로 포커스를 받을 때 스타일 적용 링크 :link 방문하지 않은 링크에 스타일 적용 :visited 방문한 링크에 스타일 적용 블록 :first-letter , 등과 같은 블록형 태그의 첫 글자에 스타일 적용 과 같은 인라인 태그에는 적용되지 않음. :first-line , 등과 같은 블록형 태그의 첫 라인에 스타일 적용 구조 :nth-child(even) 짝수 번째 모든 자식 태그에 스타일 적용 :nth-child(1) 첫 번째 자식 태그에 스타일 적용 [ 코드 ] 셀렉터 만들기 아무 하는 일 없이 시간을 허비하지 않겠다고 .. 2020. 11. 4.
CSS(1) <style> 스타일 시트 만들기 [ 코드 ] css 스타일로 꾸민 웹 페이지 아무 하는 일 없이 시간을 허비하지 않겠다고 맹세하라. 우리가 항상 뭔가를 한다면 놀라우리만치 많은 일을 해낼 수 있다. "Determine never to be idle... It is wonderful how much may be done if we are always doing." - 토마스 제퍼슨 - [ 실행 화면 ] 2020. 11. 4.

티스토리툴바