css 썸네일형 리스트형 Highlight Code JavaScript TEST pre태그와 code태그를 이용하여 본문에 코드를 삽입하는 스크립트이다. 사용방법은 pre태그의 자식요소로 code태그가 들어가야하며, 이 때 code태그에는 language-[적용할코드]가 클레스가 필요하다. HTML 예제내용입력. CSS 예제내용입력. JS 예제내용입력. 여기서 또 하나의 중요한 포인트!HTML과 JS, PHP, ASP, JSP 등의 문서에서 코드가 글자입력 위의 내용을 미리보기로 본다면 아래와 같이 표현될 것이다. HTML 예제글자입력 좀 더 확실하게 이해를 돕기위해 이미지 확인.위 이미지가 본문에 적용된 테스트 코드 중 HTML 부분이다.(아래 두번째 박스 HTML) 실제로 코드를 테스트 해 보았.. 더보기 [CSS] before와 after 선택자를 이용하여 Float 속성 해제 Float 속성을 이용하여 레이아웃을 제작할 때 Clear를 사용하게 된다. 일반적으로 clear는 float 속성을 가진 하위 레이아웃에 사용되는데 이렇게 사용될 경우 float속성을 가진 레이어에서 margin값이 적용이 안된다던지 하는 문제가 발생한다. 이때 after 선택자를 이용하여 clear를 적용하는 경우 위와 같은 문제를 해결할 수 있다. ** 선택자에 대한 설명 ** before : 해당 레이어 컨텐츠의 앞에 적용토록 한다. after : 해당 레이어 컨텐츠의 뒤에 적용토록 한다. float 1 float 2 float속성이 해제된 이후 내용입니다. float 1 float 2 float속성이 해제된 이후 내용입니다.위의 예제에서 보시다시피 clearfix가 적용된 class에서 하단의 .. 더보기 이전 1 다음
