분류 전체보기

[CSS] 선택자 :: 문자열, 일반·형태 구조, 부정 , 우선순위

문자열 속성 선택자 속성 값의 문자열을 확인하여 스타일을 적용하는 방식의 선택자. 작성법 의미 선택자[속성 ~= "특정값"] { css 코드; } 띄어쓰기로 구분되어있는 여러 속성 값이 작성된 속성 중 속성 값이 특정 값을 단어로 포함하는 태그 선택 선택자[속성 |= "특정값"] { css 코드; } 속성 값이 특정 값을 단어로 포함하는 태그 선택 + "-" 기호로 구분, "-" 앞의 내용이 동일해야 한다. 여러 속성 중 맨 앞이면서, "-" 기호가 포함된 속성 값에 "-" 기준 앞쪽 문자열이 특정 값과 같은 태그 선택 선택자[속성 ^= "특정값"] { css 코드; } 속성 값이 특정 값으로 시작하는 태그 선택 선택자[속성 $= "특정값"] { css 코드; } 속성 값이 특정 값으로 끝나는 태그 선택..

[CSS] css파일 link, 선택자(기본, 자손, 반응, 상태, 동위)

* css파일을 html파일에 link 선택자 종류 작성법 의미 기본 속성 선택자 선택자[속성="속성명"] { css 코드} 태그에 작성된 특정 속성을 선택 자손 선택자 ( > ) 선택자 > 선택자 { css코드; } 지정된 요소의 바로 하위에 존재하는 요소를 선택 후손 선택자 ( (띄어쓰기)) 선택자 선택자 { css 코드; } 지정된 요소의 모든 하위 요소를 선택 반응 선택자 사용자의 움직임에 따라 달라지는 선택자 :active 사용자가 요소를 클릭하고 있는 경우 :hover 사용자가 요소에 마우스를 올려두는 경우 상태선택자 입력 양식의 상태에 따라 선택되는 선택자 :focus 초점이 맞춰진 상태에 따른 선택자 :checked 체크 상태에 따른 선택자 :enabled / :disabled 선택 또는 ..

[CSS] 개요 , 선택자(span, id, class,*)

✍CSS ( Cascading Style Sheets) : 마크업 언어가 실제로 화면에 표시되는 방법(모양, 색, 스타일)을 기술하는 언어. (html 코드가 화면에 어떤 모양,색으로 보여질지 지정하는 언어) W3C 표준으로 지정되어 있음 HTML에 CSS 사용하는 법 1. Inline - HTML 태그 안에 style 속성으로 추가 2. Internal - 안에 요소 추가 3. External - 태그로 외부의 css 파일을 연결한다 CSS 기본 선택자 선택자(selector)란? 현재 HTML 문서 내에 특정 요소를 선택하는 문자. 선택된 요소에 원하는 스타일을 적용할 수 있다. style 태그 : css코드를 작성할 수 있는 태그, 태그 내부에 작성 css 주석은 범위 주석만 가능하다 선택자 의미 ..

[HTML] w3school

튜토리얼로 html관련된 공부들 할 수 있고 혼자 공부하거나 참고할 때 좋다 https://www.w3schools.com/ W3Schools Free Online Web Tutorials W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com

[HTML] 영역, 이미지, 하이퍼링크, 폼 태그

영역 관련 태그 block 형식 inline 형식 - 공간을 수직 분할하는 영역 (수직으로 되어있는 공간을 수평으로 자르는 것 -> 수직선 상에 영역들이 존재) - 공간을 수평 분할하는 영역 (수평으로 되어있는 공간을 수직으로 자르는 것 -> 수평선 상에 영역들이 존재) - width, height 사용 가능 - h1 ~ h6, p, pre, hr, div 등 - width, height 사용 불가 - b, strong, i, em, mark, span 등 block, inline 차이점 1 : 줄 바꿈 div 태그 (division, 나누기) span 태그(간격) 화면 영역을 나누는(분할하는) 용도, (block 형식) 줄바꿈이 일어나지 않고 옆으로 다음 영역이 설정된다.(inline) 더보기 첫 번째..

[HTML,CSS] 태그, 선택자 정리 사이트!

HTML, CSS를 공부하다 보면 느끼시겠지만 태그들이 찾으면 찾을수록 많이 존재합니다. 수많은 태그들이 존재하는데 그러면 모든 태그를 외워야하는건가? 라는 저처럼 고민하시는 분들이 계실 것 같아 정리가 잘 되어있는 사이트를 소개합니다. 특히 html, css를 처음 접하시는 초보자들에게 추천합니다 :) 1. HTML5 Tag Dictionary - https://opentutorials.org/module/552/4786 : 각 태그마다 정의와 설명, 그리고 예제를 같이 보여주기 때문에 이해하는데 더욱 도움이 됩니다. 2. CSS Dictionary - https://opentutorials.org/module/441 : W3C의 내용을 기본으로 만들어졌으며 예제들을 이미지와 jsfiddle 서비스를 ..

[HTML] 글자, 목록, 표 태그 + 예제 1~5

미리보기 기능 활용하기 f1 -> side preview 입력 -> enter ctrl + / : 마크업 언어 주석 기본 구조 !DOCTYPE : 현재 문서의 형식 지정, html 형식의 문서라는걸 선언 html 태그 : html 문서 내용을 정의하는 태그 lang 속성 : 현재 페이지가 어떤 언어로 되어있는지 표시. 검색 엔진 이용시 참고 용도. : html 문서의 제목, 스크립트, 스타일시트의 링크 또는 문서의 일반적인 정보(메타데이터)를 정의하는 태그. ex) , , , , 등이 있다. ;현재 문서의 문자 인코딩 정보 : 브라우저의 제목을 지정하는 태그 : html 문서의 내용(Content)을 정의하는 태그(화면에 출력되는 내용 작성) ✍글자 관련 태그 1) ~ 이게 어디 까지 보이 나요 ! HT..

[HTML] 웹 개요(주의사항, 기본구조)+VSCODE 설치

✍인터넷 : 전 세계의 컴퓨터들이 네트워크를 통해 연결되어 정보를 공유하는데 목적을 두며 프로토콜을 이용하여 통신 초기에는 군사용과 민간용으로 구분되었고 민간용이 지금의 인터넷이 되었다. ✍웹(WEB) : 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 공간 인터넷의 통신망 위에서 작동하는 서비스 -역사 : 팀 버너스리가 하이퍼링크(Hyper Link)를 포함하는 문서의 개념 제안 월드 와이드 웹(WWW)을 개발 및 배포 웹 표준 단체 W3C 창설 ✍웹 표준 : 모든 브라우저에서 웹 서비스가 정상적으로 보여질 수 있도록 하는 것 - 각기 다르게 보여지면 사용자만 피해본다 표준안으로 HTML5를 웹 표준으로 권고  MS는 잘 안 따르는 반면 타사는 적극적으로 받아들임  MS 신 버전은 웹..

[JDBC] JDBC2 게시판 예제 + JDBCTemplate

보호되어 있는 글입니다.

[JDBC] jdbc1_DB연결부터 클래스 분리+ 예제

보호되어 있는 글입니다.