Knowledge to become a Coder

list-style : 리스트 스타일을 뜻한다. 스타일 태그에 쓸 수 있으며 ul , ol , li 쪽에 사용된다. 사용법은 ul.li {list-style: none;} = ul 과 li에 있는 리스트 스타일을 없애라 이다. ul에 사용하면 맨 앞에 위치해있는 점 들이, ol에 사용하면 숫자들이 사라진다. text-decoration : 텍스트 데코레이션 이라 한다. 역시 스타일 태그에 쓰며 보통 태그를 걸면 밑줄이 생기는데 그 밑줄을 삭제하는데 사용한다. 사용법은 p > a {text-decoration: none;} : a태그가 걸려져있는 p문단에 생긴 밑줄을 없애라. 부모 자식 속성 p 는 div에 속해 있는 상태이다. 위와 같이 나올 경우 div가 부모 p가 자식이다. 위와 같이 나오면 div가..

개발/Html 및 CSS 2021. 4. 20. 23:13

margin : 바깥쪽 (외부) 여백을 나타낸다. 픽셀을 4번입력할수있는데 예문은 margin: 30px; = 상하좌우 모두 30px로 조정한다. margin: 20px 30px; = 상하는 20px로 좌우는30px로 조정한다. margin: 30px 10px 20px; = 상은 30px로 좌우는 10px로 하는20px로 조정한다. margin: 10px 20px 30px 40px; = 상은 10px , 우는 20px, 하는30px 좌는40px로 조정한다. padding: 안쪽 (내부) 여백을 나타낸다. 사용법은 margin과 똑같다. margin: 0 auto; 는 중앙정렬을 뜻한다. color : 뜻대로 색상을 의미한다. 색상을 영어로 적어도되고 16진수 코드로적어도된다. 사용법은 color: gre..

개발/Html 및 CSS 2021. 4. 19. 20:04

= 스스로 닫히는 태그다. src는 경로를 뜻한다. 주로 사용되는 속성은 width: 000px; = 가로 를뜻한다. height: 000px; = 세로 뜻한다. = 순서가 있는 목록이다. 예문은 예시 예시 위에 예문을 실행해보면 알 수 있을 것이다. = 순서가 없는 목록이다. 예문은 예시 예시 마찬가지로 실행해보면 ol과의 차이점이 눈에 보일 것이다. ( = 리스트를 뜻한다. ol과 ul에 필수요소다.) = 위에 있는 ul과 ol 과는 다른 리스트이다. 보통 dl은 사전이나 레시피 같은 곳에서 쓰인다. 예문은 예시 이것은 예문입니다. 이것도 실행해서 결과값 을보면 알 수 있을 것이다. (ul과 ol에 li 가있듯이 dl에는 dt와 dd 가있다. dt는 개념을 나타내는 용도, dd는 그 개념에 대한 설명..

개발/Html 및 CSS 2021. 4. 16. 22:40