본문 바로가기

분류 전체보기313

[CSS] 14~15 코드의 재사용 style.css 파일 생성 실습 끝 생활코딩 [WEB2 - CSS] STUDY 기록 끝 2021. 12. 27. ~ 2022. 1. 26. 14. CSS 코드의 재사용 중복의 제거! head 태그에 link 태그 넣어줌. style.css body { margin: 0; } a { color: black; text-decoration: none; } h1 { font-size: 45px; text-align: center; border-bottom: 1px solid gray; margin: 0; padding: 20px; } ol { border-right: 1px solid gray; width: 100px; margin: 0; padding: 20px; } #grid { display: grid; grid-template-column.. 2022. 1. 28.
[CSS] 10~13 그리드 , 미디어 쿼리 생활코딩 [WEB2 - CSS] STUDY 기록 10. 그리드 소개 디자인적인 용도로만 사용하는 태그 div, span div는 block level element span은 inline element NAVIGATION ARTICLE 11. 그리드 써먹기 윤동주 시인 시 서시 별 헤는 밤 쉽게 쓰여진 시 별 헤는 밤 윤동주 계절이 지나가는 하늘에는가을로 가득 차 있습니다.나는 아무 걱정도 없이가을 속의 별들을 다 헬 듯합니다.가슴 속에 하나 둘 새겨지는 별을이제 다 못 헤는 것은쉬이 아침이 오는 까닭이요내일 밤이 남은 까닭이요아직 나의 청춘이 다 하지 않은 까닭입니다.별 하나에 추억과별 하나에 사랑과별 하나에 쓸쓸함과별 하나에 동경과별 하나에 시와별 하나에 어머니, 어머니,어머님, 나는 별 하나에 아름.. 2022. 1. 27.
[CSS] 8~9 박스 모델 display block , inline / margin padding 생활코 딩 [WEB2 - CSS] STUDY 기록 8. 박스 모델 box.html 서시 죽는 날까지 하늘을 우러러한 점 부끄럼이 없기를, 잎새에 이는 바람에도 나는 괴로워했다.별을 노래하는 마음으로 모든 죽어가는 것을 사랑해야지.그리고 나한테 주어진 길을걸어가야겠다.오늘 밤에도 별이 바람에 스치운다. h1태그는 화면 전체를 쓰고 있음. 줄바꿈이 되고 있다. a태그는 줄바꿈 없이 같은 줄에 쓰고 있다. 이 2개를 더 확실하게 알 수 있는 방법은! 박스 모양을 주기. 서시 죽는 날까지 하늘을 우러러한 점 부끄럼이 없기를, 잎새에 이는 바람에도 나는 괴로워했다.별을 노래하는 마음으로 모든 죽어가는 것을 사랑해야지.그리고 나한테 주어진 길을걸어가야겠다.오늘 밤에도 별이 바람에 스치운다. h1 제목 태그는 전체를.. 2022. 1. 27.
[NEED] 크롬 검사 단축키 우선은 웹페이지에서 오른쪽 마우스 버튼을 누르고 맨 아래를 보면 '검사' 메뉴가 있다. 검사 메뉴를 클릭하여 열어도 되지만, 더 쉬운 방법이 있으니! 단축키! 크롬에서 검사 창을 여는 단축키는 ctrl shift c ctrl shift I 이다. 프로그램도 그렇고, 단축키를 알고 사용하면 뭐든 빠르게 진행이 된다. 여러 번 클릭을 해야 하는 수고로움을 덜어주지. 근데 또 단축키라는 게, 자주 안 사용하면 까먹게 되더라고! 나도 이전에 알고 있던 단축키들 많이 까먹었다. 그러니 기록해야지. 2022. 1. 26.
[CSS] 6~7 id class 선택자 생활코딩 [WEB2 - CSS] STUDY 기록 6. CSS 속성을 스스로 알아내는 방법 검색 글씨 크기 css text size property => font-size 속성 사용 가운데 정렬 css text center property => text-align 속성 사용 h1 { font-size: 45px; text-align: center; } 글씨 크기가 커지고, 가운데 정렬 되었다. 7. CSS 선택자의 기본 윤동주 시인 시 서시 별 헤는 밤 쉽게 쓰여진 시 .saw 이 선택자는 이 웹페이지에서 class가 saw인 것을 가르킴. 별 헤는 밤 class의 값은 여러 개 들어올 수 있다. 값이 2개일 때는 나중에 입력한 선택자가 우선순위를 가짐. 별 헤는 밤 우선순위를 확실하게 하기 위해 id 선.. 2022. 1. 26.
[CSS] 4~5 style 속성 , a 태그 생활코딩 [WEB2 - CSS] STUDY 기록 4. CSS의 기본 문법 style 속성 별 헤는 밤 style 속성을 사용하면, html은 css 문법에 따라 해석한다. html에 css를 사용하는 방법 2가지 style 태그를 쓴다. style 속성을 쓴다. a 태그 - 하이퍼링크 밑줄 없애기 링크 부분 밑줄 없어짐. 어느 한 부분에만 밑줄 주고 싶을 때는! 서시 별 헤는 밤 쉽게 쓰여진 시 '별 헤는 밤' 부분에만 밑줄 추가! style 속성에 [text-decoration:underline] 추가! 5. 혁명적 변화 2022. 1. 11.

티스토리툴바