●해당 CSS 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. html css javascript 최진혁 최유빈 한이람 한이은 위에 처럼 최유빈과 html이라는 글자만 속성을 부여하고 싶을 때는 class라는 약속된 속성으로 그룹으로 묶어준다. 묶고 나서, style태그 안에다가 em(임의로 설정 아무거나 써도 됨){ } 이런 식으로 명령어를 입력하면 되는데, id는 속성을 부여할 때, 앞에다가 #을 붙인다. 예를 들어 위에 처럼 class="em"이 아니라 id="em"일 경우에는 style태그 안에 #em {} 이런 식으로 ..
●해당 CSS 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. 예전에는 HTML 부분에 CSS부분을 한 페이지를 수정하면 다른 페이지도 다 일일이 하나씩 수정해야 했기 때문에 이 부분을 해결하기 위해 CSS 확장자를 따로 만들고, 간편하게 사용했다. 방법은 이러하다. 우선 파일을 만드는 데 "이름/css"으로 만든다.(이름은 상관없다.) 만든 다음 head부분에 넣어놓았던 style태그에 속성들을 전부 이 곳으로 복사 붙여넣기한다(미리 확장자를 만들어 놨다면, 그냥 이름/css에 미리 써놓아도 된다) 그다음에는 head에다가 이..
●해당 CSS 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. html css javascript 여기서 css만 점선 테두리를 치고 싶다고 했을 때, 스타일 태그안에 li를 선택자로 두면, html css javascript 모두 해당 되기 때문에, css에 다가만 id를 부여하는 것이다. html css javascript 이런 식으로 아이디 값을 입력한다(어떤 아이디 값이든 상관없지만, 자신이 잘 알아볼 수 있는 아이디로 하는 것이 좋다. 그리고 스타일 태그는 이런 식으로 selected 앞에 #버튼을 붙이는 것이다. 앞에..
●해당 CSS 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. CSS 만약 이런식으로, 내가 단순히 h1이 아니라 헤더 안에만 있는 h1한테 속성을 부여하고 싶다면, header h1 { border:1px solid red; } 이런 식으로 사용하면 된다. 이 뜻은 상위 태그 아래 있는 하위 태그를 표시해주는 것이다.
●해당 CSS 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. text-decoration:underline; 밑줄을 치려면 위에 코드를 사용한다. h1, h2 { color:red; font-size:10px } 이 상황에서 h2 만 밑줄 효과를 주려면 아래에 따로 쓴다. h1, h2 { color:red; font-size:10px } h2{ text- decoration:underline; } 이러면 h2는 빨간 색깔에 10px이며, 밑줄까지 쳐진다. 즉, 중첩이 된다는 이야기다.
●해당 CSS 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. 이 코드는 html 코드이지만, 이 안에서 사용되는 코드는 CSS코드이다. font-size 폰트 사이즈를 설정해준다. ; 세미콜론이다. CSS에서 하나의 서술을 마무리 할 때 저렇게 표시하고, 다음 서술과 잘 구분하기 위해 ; 다음에 띄어쓰기를 하는 것이 좋다. px 픽셀이란 단위이다. 1. 박스모델 1-1 border 둘러싸는 칸을 만들 때 사용한다. ex) {border:1px solid red;} 여기서 솔리드는 테두리의 색깔을 나타낸다. 1-2 solid 단..
●해당 CSS 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. h1 {color:red} 는 h1을 빨간색으로 칠한다는 뜻에 CSS코드다. h1은 선택자(selector)라는 어떤 코드에게 영향을 줄 것이라는 뜻이고, {color:red}(description)은 서술이라고 하고 영향을 의미한다. 이것이 CSS의 기본 문법이다.