CSS 삽입방법은 총 3가지 방법이 있습니다. | Inline Style Sheet HTML 태그의 style 속성에 CSS 코드를 넣는 방법입니다. Lorem ipsum dolor. | Internal Style Sheet Internal Style Sheet은 HTML 문서 안에 스타일 코드를 넣는 방법입니다. 안에 CSS 코드를 넣습니다. 예를 들어 다음과 같은 코드를 HTML 문서에 넣으면, 문서 안의 모든 h1 요소의 글자가 파란색이 됩니다. 태그는 보통 사이에 넣으나, HTML 문서의 어디에 넣어도 잘 적용됩니다. 이 방법은 HTML 문서 안의 여러 요소를 한번에 꾸밀 수 있다는 장점이 있으나, 또 다른 HTML 문서에는 적용할 수 없다는 단점이 있습니다. | Linking Style Shee..
코딩 | 개념 정리/HTML & CSS
처음 html을 익히다보면 예시문이 없어 난감할때가 있지요. 교재에 있는걸 똑같이 타이핑 하자니 시간 낭비 인거 같고, 이럴 경우 아래의 사이트를 방문하셔서 예시문을 생성 및 복사, 붙여넣기를 통해 시간을 절약할 수 있습니다. 이는 초보자뿐만 아니라, 향후 업무를 하는데 있어서도 예시문을 통해 작성한 코드의 위치나 설정이 잘 들어갔는지 확인할 수 있는 좋은 수단이 될 꺼 같아 공유드립니다. guny.kr/stuff/klorem/한글 Lorem Ipsum (간세네)로렘 입숨(lorem ipsum; 줄여서 립숨, lipsum)은 출판이나 그래픽 디자인 분야에서 폰트, 타이포그래피, 레이아웃 같은 그래픽 요소나 시각적 연출을 보여줄 때 사용하는 표준 채우기 텍스트로, 최종 guny.kr
PHP tester ★ - 7.0, 5.6, 5.5 버전 선택해 테스트 가능 웹위젯 http://phptester.net/ TCP school - 예제 코드 작동 페이지라 아주 소수의 코드만 실행 가능. http://tcpschool.com/examples/tryit/tryphp.php PHP fnlist - 몇개의 카테고리로 나눠 예제 코드 실행해 확인 가능 http://php.fnlist.com/ Autoset 설치 ★ - pc에 설치하는 APM (= Apache + PHP + MySQL) 유틸 https://homzzang.com/b/free-1239 ideone ★ - PHP뿐만 아니라 여러 웹언어 테스트 가능. (좌측 하단에서 언어 선택) https://ideone.com/
출처: https://www.slideshare.net/genycho/rest-api-64569519?from_action=save
기본형 스타일 적용 경우 예시 - 선택자 예시 - 적용되는 요소 [속성] 지정한 '속성'일 때 [href] 메뉴 1 [속성 = 값] '값'에 일치할 때 [target = "_blank"] HTML [속성 ~= 값] 여러 값들 중 특정 '값'이 포함되어 있을 때(단어별) [class ~= "button"] 메뉴 4 [속성 |= 값] '값'이 포함되어 있을 때 (하이픈 포함 단어별) [class |= "us"] 영어 영어 [속성 ^= 값] '값'으로 시작할 때 [title ^= "eng"] 영어 [속성 $= 값] '값'으로 끝날 때 [href $= "xls"] 엑셀 파일 [속성 *= 값] '값'이 속성 값의 일부일 때 [href *= "w3"] HTML 사이트 공부하다가 참고용으로 기록해둡니다~ 스킨이..
중앙의 가늘고 긴 막대에서 주 색상을 선택합니다. 넓은 색상표에서 원하는 색상을 선택합니다. 선택한 색상의 미리보기와 색상 값이 표시됩니다. 현재 선택한 색상과 어울리는 색상이 함께 표시됩니다. 클릭하면 선택한 색상을 오른쪽 'SAVED COLORS' 목록에 추가할 수 있습니다
W3C에서는 HTML 소스뿐만 아니라 CSS 소스도 검사해 주는데 HTML 소스와 CSS를 따로 체크해야 합니다. 먼저 HTML을 검사한 후 CSS를 검사하는 것이 좋습니다. W3C에서 제공하는 CSS 검사기는 https://jigsaw.w3.org/css-validator/에 접속하면 CSS를 검사할 수 있습니다. CSS 검사기에서 [파일 업로드] 탭을 선택한 후 사용자 컴퓨터에 있는 파일을 선택하고 [검사]를 클릭합니다. 오류가 없다면 '축하합니다'라는 메시지가 표시되고 오류가 있을 경우, 어느 부분에 오류가 있는지 알려주는 보고서가 표시됩니다.
1. 단락 태그인 안에 전 다시 를 넣어 단락을 나눌 수 있다. 2. Font-size 작성에는 px 보단 em을 사용하자. px는 폰트 크기가 고정되어 모바일 기기에서도 같은 크기로 보인다. 하지만, em은 대문자 M의 너비를 기준으로 크기를 정하기 때문에 자동으로 크기가 조정이 된다. 만약 지정한 크기가 없다면 요소의 크기 16px이 기본 값 1em으로 지정된다.
