CSS:개요 - 편집 역사

Sam: /* 부모의 성질 */

2021-06-09T13:33:21Z

부모의 성질

2021-06-09T02:06:26Z

← 이전 판		2021년 6월 9일 (수) 02:06 판
121번째 줄:		121번째 줄:
	=팁=		=팁=
	html 파일을 작성할 때 <code>.클래스명</code>만 입력하고 tab을 누르면 대부분의 편집기에선 class 안에 입력한 클래스명을 넣어 div태그를 만들어준다. 일일이 <nowiki><div class="클래스명"></div></nowiki>를 치는 불편함을 해소해준다.		html 파일을 작성할 때 <code>.클래스명</code>만 입력하고 tab을 누르면 대부분의 편집기에선 class 안에 입력한 클래스명을 넣어 div태그를 만들어준다. 일일이 <nowiki><div class="클래스명"></div></nowiki>를 치는 불편함을 해소해준다.

			아이콘을 CSS에서 처리해 HTML에선 class속성만 주어 아이콘을 나타내기도 한다.

2021-06-04T01:03:13Z

부모의 성질

← 이전 판		2021년 6월 4일 (금) 01:03 판
103번째 줄:		103번째 줄:
	</syntaxhighlight>		</syntaxhighlight>
	===자식의 성질===		===자식의 성질===
	<syntaxhighlight lang="css+smarty">		자식은 한 칸 띄워 작성한다. 다음은 컨테이너 id 안의 아이템 class를 가진 요소에만 적용한다는 의미.<syntaxhighlight lang="css+smarty">
	#container .items{		#container .items{
	....		....

2021-06-04T01:02:34Z

@@ 86번째 줄: / 86번째 줄: @@
 <br />
 <br />
 ==적용 우선순위==
 같은 이름의 스타일을 적용시킬 때.

2021-06-03T14:26:33Z

개요

@@ 76번째 줄: / 76번째 줄: @@
 |}
 .box와 같이 적용할 영역을 지정해주는 걸 선택자라 부른다. 그 안에 적용하는 내용들은 속성, 그 속성값을 값이라 부른다.
 ==css파일==

2021-06-03T13:14:51Z

선택자

← 이전 판		2021년 6월 3일 (목) 13:14 판
102번째 줄:		102번째 줄:
	일반적으로 id는 한번만 사용되기에, 유일하게 적용할 부분에서 사용한다.		일반적으로 id는 한번만 사용되기에, 유일하게 적용할 부분에서 사용한다.
	\|#아이디		\|#아이디
			\|}
			{\| class="wikitable"
			!의도
			!설명
			!선택자 형태
			\|-
			\|클래스 안의 태그를 선택하고 싶은 경우
			\|> 를 이용하여 태그를 지정한다.
			\|.클래스명 > 태그명{....}
	\|}		\|}

125번째 줄:		134번째 줄:
	<br />		<br />

	= 팁 =		=팁=
	html 파일을 작성할 때 <code>.클래스명</code>만 입력하고 tab을 누르면 대부분의 편집기에선 class 안에 입력한 클래스명을 넣어 div태그를 만들어준다. 일일이 <nowiki><div class="클래스명"></div></nowiki>를 치는 불편함을 해소해준다.		html 파일을 작성할 때 <code>.클래스명</code>만 입력하고 tab을 누르면 대부분의 편집기에선 class 안에 입력한 클래스명을 넣어 div태그를 만들어준다. 일일이 <nowiki><div class="클래스명"></div></nowiki>를 치는 불편함을 해소해준다.

2021-06-02T13:28:18Z

← 이전 판		2021년 6월 2일 (수) 13:28 판
122번째 줄:		122번째 줄:

	그 다음은 불러온 CSS.		그 다음은 불러온 CSS.

			<br />

			= 팁 =
			html 파일을 작성할 때 <code>.클래스명</code>만 입력하고 tab을 누르면 대부분의 편집기에선 class 안에 입력한 클래스명을 넣어 div태그를 만들어준다. 일일이 <nowiki><div class="클래스명"></div></nowiki>를 치는 불편함을 해소해준다.

2021-06-02T12:58:54Z

2021-06-02T12:57:10Z

@@ 112번째 줄: / 112번째 줄: @@
 주석은 /* 주석 */ 형식으로 입력한다.
 <br />
-==display 속성==
+<br />
 ==적용 우선순위==

2021-06-02T12:54:17Z

← 이전 판		2021년 6월 2일 (수) 12:54 판
1번째 줄:		1번째 줄:
			{{CSS}}

	==개요==		==개요==
	Cascading style sheets. 위에서 아래로 떨어지면서 속성을 지정한다. 같은 속성이 중복된 경우, 아래에서 지정한 속성이 최종적으로 적용된다.		Cascading style sheets. 위에서 아래로 떨어지면서 속성을 지정한다. 같은 속성이 중복된 경우, 아래에서 지정한 속성이 최종적으로 적용된다.