css 대괄호
대괄호([])로 지정한 속성을 가진 요소를 찾아서 스타일을 적용시킨다. 속성값도 함께 지정하면 요소들중 속성값까지 일치하거나, 포함하는 경우에만 적용하게 할 수 있다. [attribute-name=”value”]: 속성값이 “value”와 정확히 일치 [attribute-name|=”value”]: 속성값이 “value”와 일치하거나 “value-“ 로 시작 [attribute-name~=”value”]: 속성값이 “value”를 포함. 단어 기준 [attribute-name*=”value”]: 속성값이 “value”를 포함. 문자열 기준 [attribute-name^=”value”]: 속성값이 “value”로 시작. 문자열 기준 [attribute-name$=”value”]: 속성값이 “value”로 ..
2021. 5. 18. 02:26
네이버 HTML & CSS
- console 창에서 document.head.parentNode.removeChild(document.head); 해서 헤드 없애면 css 사라지니까 네이버의 순수 html 뼈대를 확인할 수 있다. - 상단 탭 아이콘 favicon href 에서 이미지 원본 저장 해 올 수 있다. 원하는 엘리먼트를 클릭하면 그 엘리먼트 소스를 보고 sources 에서 해당 소스 주소 찾아가면 이미지 파일 저장할 수 있음 - heading 해당 페이지의 중요한 키워드 크롬 익스텐션 headingsmap 다운 받으면 보고 싶은 페이지가 핵심으로 여기는 키워드를 알 수 있음 -fieldset, legend 태그 레전드는 범례. -img 태그엔 alt 스크린리더..
2020. 11. 6. 06:40
드림코딩 - html & css & vscode
프론트엔드 개발자 입문편: HTML, CSS, Javascript 웹페이지를 볼 때 박스 단위로 나눠서 보는 것이 중요함.. article은 반복되고 재사용이 가능한 요소들.. +Tip) ReadMe 작성 프리뷰 팁 ctrl shifr p > markdown preview 협업하다가 테스트가 필요할 때 웹에서 간단하게 구현해볼 수 있는 사이트 +) html 작성 팁 1. div>ul+ol 2. div>ul>li^ol 3. 그룹화 4. 텍스트 넣기 p{hellp} hello
2020. 11. 4. 04:38github
1) 서버와 클라이언트 http://info.cern.ch Web Browser Web Server 클라이언트 - > 서버 (request) (response) 수학은 이해하는 게 아니라, 익숙해지는 것. 익숙해지려는 수많은 방법 중 하나가 이해일 뿐이다. 2) github 내가 만든 html을 홈페이지로 만들기 -[create repository] -Initialize this repository with a README 이 문구 꼭 체크! -upload files로 내 파일 끌어오기. -setting에서 github pages - source - master branch -Your site is ready to be published at (링크) 하면서 링크가 뜰 것이다. 그게 내가 만든 html을..
2020. 6. 2. 13:58시작
시작. 내 인터넷 필기 노트처럼 사용할 예정. 다시 복습하기 좋게 정리하고.
2020. 5. 29. 00:09