CSS3의 속성선택자 속성선택자 CSS에서 속성에 따라서 선택하는 거다 예를 들어서 p[color="#000000"] 의 경우 p 태그 중에서 color 속성이 #000000 인 태그만을 선택하는 것입니다. p[color] 는 p태그 중에서 color 속성을 가지고 있는 태그를 선택하는 것 //사용법은 아래처럼 쓸 수 있다. 선택자[속성] 선택자[속성=값][속성=값] //하지만 앞에 태그이름 없이 그냥 써도 된다 *을 쓰면 전체에서 찾는거니까? [속성=값] 문자열을 이용해서 속성을 선택하는 방법도 있는데 태그의 다중선택을 좀더 쉽게 해준다.(약간 상속의 개념이라고 해야하나) //문자열 속성 선택하는 법 선택자[속성~=값] : 속성안의 값이 일치하는 것을 가져오는 것( 값 전체 ) ex)input[type..
1. @import : 외부의 CSS파일을 사용할 때 이용한다. 를 이용한 외부 태그를 더 많이 씀;ex) ex) @import url('title.css');**@import는 태그의 내부 최상단에 위치해야한다. 2.@media : 하나의 HTML 문서를 다양한 장치에서 서로 다르게 CSS 설정을 할 수 있는 기능 제공ex) ex) ex) @media screen {......}**하나의 웹문서가 다양한 장치에서 출력될때 쓴다. PC와 프린트에서 각각 어떻게 출력되는지 차이를 만들 수 있다. 미디어 종류all : 모든 미디어 타입aural : 음성합성장치braille : 점자표시장치handheld : 손으로 들고 다니면서 볼 수 있는 작은 스크린에 대응하는 용도print : 인쇄 용도projection..
CSS3의 속성 정리 속성을 속성으로 정리해보았다. 1.가시상태 속성 1_단위px, pt : 절대값em : 상대값 2_displaynone : 브라우저 화면에서 HTML 요소를 제거block : HTML요소를 block 타입으로 출력inline : HTML요소를 inline 타입으로 출력inline-block : inline과 비슷한데, 넓이값과 높이를 가질 수 있다. 3_visibilityvisible : 보인다hidden : 안보이는데 공간은 유지 4_opcity0.0 : 투명1.0 : 불투명 2.레이아웃 속성- 1_width&heightpx : 절대적인 값% : 가중치에 따른 % 2_margin&paddingmargin : 외곽여백margin-topmargin-rightmargin-bottommar..
CSS는 Cascading Style sheets 의 약자로 웹페이지를 더 이쁘게 만들어주는 언어이다. HTML에서 태그 마다 하나씩 스타일 속성을 지정하기 힘든 부분을 해결해준다. 적용방법은 3가지 방법이 있다. 1. HTML 태그에 직접 적용하는 방법 ex) 2. HTML 문서 내에 style 태그로 CSS3를 적용하는 방법 ex) div{ background:#ff0000 } 3. HTML 외부에서 .css 파일을 이용해서 적용하는 방법 ex) CSS3의 선택자와 속성 1. CSS3 선택자 html요소에 스타일을 적용하려면 어디에 적용할지 목적어가 필요하다(판사님 제 말엔 목적어가 없습..읍읍.) 그 목적어를 선택자라고 하는데, CSS3에서 HTML 요소 중에서 선택하는 방법으로는 태그, 클래스, ..
HTML5에는 태그가 있다. 기본적인 구조는 이 문서의 속성이 html임을 선언 문서의 정의 타이틀 태그 글씨태그 문서의 내용 문단 구분 태그 문서이동을 위한 링크 태그href : 이동할 주소target : _self /_blank 내가 보여줄 것인지 새창을 띄울 것인지 결정 띄어쓰기 태그 문단 위치 태그 id로 지정할 수 있다. 목록 만들기 순서가 있는 목록 순서가 없는 목록 목록 내 리스트 추가 리스트 선언 , 과 달리 안닫고 연속으로 이을 수 있다. 소제목 항목 테이블 태그(표를 만들기 위함) 표 시작/끝border : 테이블을 표현하는 선 두께 행 중에 첫번째에 타이틀 표시(진하게) 가능 행 열colspan : 열 합치기rowsapn : 행 합치기 폼 태그(서버로 데이터 전송) 데이터 처리 문서의..
요즘 https://tacademy.sktechx.com/live/player/listOnline.action 티아카데미에서 공부를 하며 정리를 하는중 HTML5 입문하기 W3C에서 현재 웹 표준안으로 채택하는 문서기술 방식이 HTML5( Web Application 1.0) 이기에 이걸 해야한다. 웹표준안이라는 것은 익스플로러와 크롬을 비롯하여, 오페라, 파이어폭스, 사파리 등 다양한 브라우저에서 같은 화면을 볼 수 있도록 문법을 통일한 표준 양식을 말한다. HTML은 HyperText Markup Language 의 약자라는건 그냥 알아두면 어디가서 무시는 안당할 법한 지식이다. CSS도 같이 하기 보통은 HTML을 하면서 CSS를 같이 사용하는데, CSS는 Casecading Style Sheets..