![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbhWTYU%2FbtrNUFtu3ej%2FbmKLgxKgKVLNp7UMgHskb0%2Fimg.png)
HTML/CSS기초 4일차 공간활용( margin, padding, border)
2022. 10. 6. 16:37
Study/HTML,CSS
block은 한줄한칸으로 공간을 차지 inline은 글자공간만 차지 none은 숨겼을때 사용한다 예제_a태그를 마우스를 올렸을 때, 그 옆에 있는 span태그의 디스플레이를 inline으로 변경 a : hover + span a태그 를 클릭했을때 그 옆에 있는 스팬태그 display : inline 디스플레이 를 인라인으로 변경! a태그를 공간활용을 위해 태그의 공간을 네모로 할당한다 ● margin=테두리 바깥쪽에 공백을 부여하는 속성 - 컨텐츠의 크기에는 변화가 없고 위치만 이동 - 10px = 상하좌우 각각 10px값을 부여 - 10px 20px = 상하10px, 좌우20px - 10px 20px 30px 40px = 상 10, 우 20, 하 30, 좌 40 (시계방향) - auto = 화면의 가운..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fcrb78y%2FbtrNyFmAN8I%2FpZV0AkCYAbvklc9OksOy3K%2Fimg.png)
HTML/CSS기초 1일차
2022. 10. 1. 14:12
Study/HTML,CSS
-인터넷 : 데이터를 보내는 회선/선로 -웹 : 회선/선로를 이용하는 서비스 Client : 요청(request)하는 주체 Server : 응답(response)하는 주체 * Protocol(=Rule) : 규칙 - 요청할때 정해진 규칙에 따라 요청해야 응답받는다. ■ HTML HTML - 비어있는 웹페이지에서 뼈대를 만들어주는 설계도 (레이아웃) CSS - 뼈대에 디자인을 해주는 것 ==> 정적인 페이지 Tool : Visual Studio Code 실습 코드) 안녕하세요! 제 인생의 두번째 웹페이지 입니다! 여기는 h1태그입니다! 여기는 h2태그입니다! 여기는 h3태그입니다! 출력 화면) 더보기 - P태그는 태그가 끝나면 자동으로 개행이되고 - Span태그는 태그가 끝나도 개행이 되지 않는다 실습코드..