code27 css선택자의 중요한 토대 모든 스타일 태그를 지워준 후 1. 방문했던 태그는 회색 2.모든 원래의 태그는 검은색 3.들어가있는 공간의 태그는 빨간색 으로 만들어보는 작업을 해보겠다. 벌써부터 복잡시럽지만 참고 해보도록 하자! 첫번째로는 태그 안에 color:black; 작업을 해준다. 그리고 html과 css 부분을 회색으로 칠해주고 싶어서 태그안에 입력을 해주는데 우리가 무진장 싫어하는 중복이 발생한다;;; 그래서 그룹을 묶어주는 작업을 하는데 여기서 class라는 것을 도입한다. 보았다는 의미의 saw를 도임하고 스타일 태그 안에 이렇게 입력을 해주면 안된다............. 이유는 ??? class값이 saw라는 표시를 해주어야한다 그것은 바로 .saw .은 class값을 나타내는 것이다. 그러면 바뀌는 것을 볼 수 .. 2021. 2. 14. css검색엔진을 이용해서 css 꾸미기 만약에 저기 맨위에 태그의 web의 글자를 키우고 싶다 하면 앞서 배운대로 h1{ } property안에 글자 키우는 명령어를 입력하면 된다. 하지만 우리는 명령어를 모른다!! 그래서 검색엔진을 통해서 검색을 해준다 그런데 뭐라고 검색해야하나..??? 검색어는 바로 css text size property 를 검색해주면 다 나온다 검색결과를 입력해주고 새로고침을 해주면 폰트 사이즈가 커진 것을 볼 수 있다. h1앞에 묶어주기 주의 또 가운데 정렬을 해주고 싶다! 하면 css text center property 아하 정렬은 align이구나~ 결과적으로는 짜잔 뿌듯뿌듯 2021. 2. 14. css 시작 !! ※ html에서 디자인만 빼온 것이 css이다. ※ css로 디자인하는 것이 html로 디자인 하는 것보다 훨씬 효율적이다. css와 html은 엄연히 다른 언어라서 style 태그를 이용해서 이것이 css라고 미리 알려줘야 한다. 이것은 우리가 폰트태그를 일일히 해준 것과 똑같다. 중복을 막아준다. 근데 저 앞에 a가 하이퍼링크 걸어준 곳에만 적용이 되는 건가..??? 아마 추정상 맞는 것 같으니 (저거는 선택자이다. 앞에있는 a는 앞에있는 모든 a태그를 선택한다는 뜻!) 다시 생활코딩 쌤이랑 했던 파일로 가준다. 나는 color:skyblue; 로 적용해 주었다 이거는 스타일 태그 이거는 스타일 속성 그리고 상황을 좀 더 복잡하게 꾸며보자면 저어기 목차에 밑줄 그어진게 싫다 하면 스타일 태그에 텍스트.. 2021. 2. 14. html 깃허브에 올리는 방법!(html 자랑하고 싶을 때) 1. 깃허브 로그인 2. start a project 3.repository name에 프로젝트 제목 입력 4.add a README file !꼭! 선택하기 5.파일 업로드하기 - commit changes 눌러 6.setting 창에 들어가기 7.source->master branch라는 것을 선택 (무슨 뜻인지는 몰라도됨) 이유는 모르겠지만 master branch 버튼은 없어서 main 버튼을 눌렀더니 주소가 생성이 되긴 했음. 끝~ 이지만 안나온다면 주소창 끝에 /invit.html 이라고 치면 나옴 본 파일명이 invit이었기 때문에.. 그래서 오늘은 html 학습 기념 크리스마스 초대장을 만들어 보았다. 사진 설명을 입력하세요. 2021. 2. 9. 이전 1 ··· 3 4 5 6 7 다음
