CSS : 글꼴 색상, 스타일, 패턴, 크기

프로그래밍 - 거울 : 처음에이 말씀이, 그리고 다시 반영됩니다. 그리고 매우 빨리는 "변화"에 있었다 :이 시점에서 첫번째 거울, 다음 단어 ...을, 스타일 시트를 계단식 -하지만 왜 그렇게 오래 개발자를 마음에 좋은 거라고한다? CSS - 그것은하지만 다른 관점에서, 컴퓨터 프로그램 모두 같은 배열 배 시대입니다. 대중이 될 경우에도 연관 혁명은 이루어지지 않습니다.

웹 사이트 페이지 - 그것은 특정 스타일이나 스타일 클래스 식별자에 기인 할 수있다 HTML 마크 업을 태그. 첫 번째는 한 번 정의 할 수 있으며 무엇이든 많이 필요한 시간에 돌리는하고, 두 번째는 특정 요소에 속한다.

스타일의 설명의 일반적인 논리

전통으로, 스타일은 CSS 파일에 배치됩니다,하지만 스타일 속성의 특정 요소에 기인 할 수있다. 스타일은 자바 스크립트 도구의 역학 만들 수 있습니다. 특히 중요한 것은이 같은 수단에 의해, 예를 들어, 설명되지 않은 CSS 색상의 글꼴, 크기, 헤드셋, 등등 그 아래 배경. 나중에 설명, 그래서 더 높은 우선 순위, 그리고 요소에 설명 된 경우, 그것은 중요하지 않습니다! : 위치 설명 스타일은 일반적으로 두 아이디어의 맥락에서 중요하다 마지막 그대로 명확하게 우선 순위를 정의 기록했다.

예를 들어, 특정 글꼴 색상 변경 색상, 어디서나 무엇이든 될 수있는 스타일을 적용합니다. 문제는 함께 모든 스타일의 분해 동안 브라우저에서 반응하는 방법이다. 얼마나 그는이 CPU에 지출 했습니까?

이상적으로, 글꼴 색상은 한 번만 표시해야한다 - 그것은 고전이다. 몇 가지의 간단한 설명을 밖으로 생각하고 서로 다른 ... 물론, 당신은 할 수 있습니다. 그것은 유행하지만 실용적입니다.

예 일반 논리

아주 간단하게 세 가지 요소에 대한 CSS 색상에 의해 결정, 적어도 세 가지 장기 실행 문제를 얻을 수 있습니다 :

# Ele1, # Ele2, # Ele3 {
POSITION : 절대;
왼쪽 : 20 픽셀;
상단 : 14px;
색상 : 빨강;
}

# Ele2, # Ele3 {
왼쪽 : 90 픽셀; CSS의 수평 좌표를 변경 //
색상 : 노란색; 글꼴 CSS의 색상을 변경 //
}

# Ele3 {
최고 : 114px; CSS를 변경 // 수직 좌표

색상 : 녹색; 다시 한 번 폰트 CSS의 색상을 변경 //

배경 색상 : lightgrey; // CSS 텍스트 강조 표시 색상 변경, 그러나 이것은 # Ele1와 # Ele2에 존재하지 않습니다; 여기로, 위치도 변경,하지만 # Ele2의 변경이 아니라

}

이제 우리는이 세 가지 요소를 모두 어딘가에 정의되어 있음을 기억해야하고, 사이트 소유자의 컬러 표현의 변화의 경우에, 개발자는 색상에 대한뿐만 아니라 왼쪽 규칙과 상단에 대한뿐만 아니라 기억, 심지어 텍스트의 강조 표시 색상 잊어해서는 안 변경해야합니다.

모든 개발자들이 존경하는 것은 아닙니다 요구 CSS : 스타일 ID - 하나 개의 요소 및 클래스 스타일 - 많은 태그, 형용사와 태그의 마지막 가능한 점 외에 :

• 는 CSS에서 글꼴 색상 설정 - 스타일 groundColor 클래스를;
• 글꼴 크기 지정 - 클래스 size15을;
• 설정 위치 - 클래스 PlaceUp.

물론, 그들은 같은 표시 요소에 페이지 요소의 수백의 다양한 조합으로 그린 상위 10 스타일 클래스를, 소속 특히 식별자의 사용. 그러나 모든 것이 자신의 목적 논리를 가지고있다.

개발자는 단순히 제대로 고려해야합니다의 글꼴 색상 경우에도 HTML은, CSS는 , 열심히 설명하는 설명의 전체 구조의 유연성을 제공합니다 - 즉 그의 일이다.

일반적인 논리를 사용하는 예상 된 결과

현대 브라우저는 스타일 파일 및 볼륨의 많은 편안합니다. 그러나, 설계, CSS를 통해 특히, 전체 페이지를 색상, 당신은 항상 합리적인 자족 생각한다. 응용 프로그램의 모든 스타일 규칙 "싸구려"모양. 단순 간결한 항목 : * 색상 : 흰색;} - 아름다운 분명하지만 예외없이 페이지의 모든 요소에 적용됩니다.

CSS, 가장 중요한 장착되어 모든 규칙의 :

• 스타일 - 클래스는 다음 이름으로 시작 "."
• 스타일 - 식별자와 그 이름은 "#"문자로 시작;
• 다른 경우 - 이름표 나 뭔가 특별한

스타일의 기술 사상의 나머지 부분 (상속 속성, 우선, 위치, 순서 등을 포함한다. D. 중첩) 지능적 반드시 필요한 사용되어야한다.

항상 그리워 브라우저는 설명에서하지 않도록 특별한 놀라움은하지 않습니다. 뭔가가 올바른 위치에 있지 않았거나 설정 한 경우 CSS에서 글꼴 색상 오류의 스타일에 따라서 수 없습니다.

예상치 못한 기회

* {왼쪽과 같은 스타일을 남용해서는 안 : 124px를; } 또는

안녕, 안녕, 안녕, UL, UL UL, UL OL {마진 - 하단 : 0; }
IMG {국경 : 0; }

그들이 같은 CSS 규칙을 사용하는 초보자도 개발하기 어려운 있지만. 항상 모든 사이트의 개발도 완벽하게 간단한 CSS 구문은 예기치 못한 문제를 제공합니다. 구문의 올바른 사용에 직접 노력 만이 적용되는 경우, 자바 스크립트 기능은 새로운 예상치 못한 기회가 단조로운 각 요소에 대한 식별자를 만들 피할 수, 또는 스타일과 클래스의 다양한 사용을 모니터하는 것입니다.

CSS는 -뿐만 아니라 스타일 태그를 통해 그것으로 링크 태그를 통해 페이지에 연결 또는 삽입되어있는 스타일 파일입니다. 기존 하나를 즉석에서 스타일을 만들거나 수정하는 것도 가능합니다.

CSS를 사용하여 글꼴 색상은 프로그래밍 방식으로 수행 할 수 있습니다. 뿐만 아니라 크기와 위치, 여백 등. 웹 사이트 - CSS, HTML, PHP 또는 자바 스크립트 효과 플래시의 지식을 적용 할 수있는 목표는 아니다.

웹 자원 - 특정한 방식으로 제공하는 모든 정보의 처음이다. 즉, 페이지가 서버에있는 동안 CSS가 최고, 그것을 형성 할 수있다 방법의 렌즈를 통해 역학에서 볼 이유, 원하는 스타일 시트 (이 사이트의 방문자가, 온 그는 사이트를 개발 당시되지 개발자 시간에 사용할 수 PHP는 없습니다) 그것은 특정 방문자에 보이는 때 특정 텍스트 관련 콘텐츠에 대한, 또는 노력 페이지와 비행에 스타일 클래스 또는 ID를 만들 수 있습니다.

정적 역학

적절한 내용 - 우리는 항상 동적 콘텐츠와 디자인을 만들기 위해 정교한 발견 자바 스크립트 코드를 작성하지 않아야합니다. 때때로 적절하게 사용할 수있는 기회를 사용하기 충분하다. 특히, CSS 글꼴 색상을 초기에 정적 규칙을 정의하여, 당신은이 규칙을 (숨겨진) 숨기고 다른 (표시) 시각화 할 수 있습니다.

여기에, 스피커는 알고리즘을 필요로하지 않습니다 :

// 웹 사이트의 입력 버튼을 강조 표시합니다
scfWelcomeOver 함수 () {
document.getElementById를 ( 'scDocxNamePiP') style.visibility = '표시';
}

// 웹 사이트의 입력 버튼을 숨길
() {scfWelcomeOut를 작동
document.getElementById를 ( 'scDocxNamePiP') style.visibility은 = '숨겨진';
}

색상 페이딩 시세, 투명 요소, 다양한 실시 오버레이, 디스플레이, : CSS는 자신의 역 동성을 제공합니다. CSS에서 글꼴 색상은 아무도 문체 규칙이 제공되지하지 않아도되도록 할 수있다.

동적 콘텐츠 표시

어떤 교리가 없다면, 아마 진전이 없을 것입니다. 그냥이 싸울 어땠는지. 하이퍼 텍스트는 세계로 교리를 많이 가져왔다. 그들에게 관심을 지불하고 실용적인하고 실용적인 스타일로 사이트를 개발을 시작하는 시간입니다.

처음 페이지 (P)가, 콘텐츠 (K)의 일부는, 페이지의 모든 태그는 스타일 시트 (S)에 설명되어 있습니다. 데이터베이스에서 K를 선택하여 서버의 PHP 또는 Perl을 통해 새 양식의 P 페이지. 기존 스타일 시트 S가 자동으로 따를 것이다. 그러나 K는 변경 될 수 있으며, 대부분의 경우, 이러한 변화는 다른 스타일의 필요성, 즉, S +를 수반한다.

예를 들어, 고객은 말했다 : 라스 베이거스 '과의 스타일 과학 기술 진보에 기사 "ModernTehno"의 스타일에서 밤의 소동을 설명, "ZaZavtrakom"뉴스 기사는의 스타일로 장식되어있는 경우이 사이트는 모스크바의 삶을 더 잘 보일 것 설명 "'". 우리는 이러한 옵션의 세 가지에 S를 할 경우에, 고객이 일련의 기사 "뉴스", "휴가", "일»,«CSS / HTML»보너스"HozyaykeNaZametku "을 가지고 생각을하지 않을 것이라는 보장은 없습니다.

또 다른 방법은 더 실용적. 에 관계없이 문서의 카테고리의 특정 색상으로 페인트 할 수있는 내용이 항상있다. 다음은이 곳에서 꽤 재치있는 아이디어가 : 적절한 S를 생성하는 서버에 여전히 특정 K를 얻고, 브라우저가 P가 필요합니다, 그는 적절한 간격에서 올바른 콘텐츠를 얻을 것이다.

자바 스크립트의 역학 스타일

최소 매우 효과적인 솔루션 있지만 - 클라이언트의 브라우저에서 직접 스타일링을 할 수 있습니다. 첫째, 서버를 완화 - 그것을위한 하이퍼 텍스트 페이지와 스타일 파일의 형성에 시간을 낭비 할 필요가 없습니다.

그는 여전히 따라서 그는 일관되고 사려 깊은 정보 출력을하고자, 대량의 콘텐츠가 표시되지 않습니다 둘째, 브라우저 내부 시간의 자연 폐기물 페이지가 사업에 의해 점령하고 적극적으로 방문자들과의 대화를 지원하는 효과를 생성합니다.

셋째, 개발자가 자신이 편안하게하는이 스타일의 콘텐츠의 방문자 메커니즘을 제공 할 수 있습니다. 심지어 사람이 아니다.

이 아이디어를 구현하려면, 당신은 즉시 페이지가로드 한 후 스타일의 요소를 생성하는 메커니즘을 구현해야하고, 동작의 과정이다. 현대 사이트 - 그것은 특정 형태로 AJAX를합니다. 직접 페이지 트리의 형성 과정에 스타일의 형성을 수행하기 어렵지 않다. 내용이 자신의 등록과 함께 있기 때문에 그것은 쉬운 저렴하고 효과적입니다.

이 가공 데이터에 대해 수행하고 디스플레이에서 떠나 데이터의 프리젠 테이션을 분리하는 경향이 현대 모순되지 않는다.

유효 성분으로 CSS

하이퍼 좋은 많이 가져 있지만, 자연 정보의 작은 부분이 성공적으로 공식화되었다, 도구 및 고품질의 HTML, XML, CSS 문서를 작성 경험이 있었다. 아니 문제는 정보의 새로운 볼륨을 공식화하고 이미 이전하게 변경합니다.

CSS와 관련하여,이 프로세스는 완전히 다른 상황에서 작동된다. 내장 같은 가능성을 예상하지 않은 요소의 요소와 스타일을 만들기 위해 "즉시"가능 자바 스크립트 도구, 그리고 PHP의 창조자는, 특히, 단지 HTML 페이지의 형성에 종사하는 것으로 추정.

모두 제 1 및 제 2 프로그래밍 스타일을 할 수 있습니다. 정보 기술 분야에서의 새로운 방향. 스타일은 XML 또는 HTML보다 훨씬 더 공식적인 것은, 규칙은 매우 간단합니다. 스타일에 상관없이 그것이 얼마나 자연, 항상 정보에 존재하지 않는다.

등록 데이터베이스 프로그래머는 훨씬 더 공식화 분야에 항상 종사되지만 CSS 테마 - 매우 간단한 작업,하지만 어떻게 든 개발 과정의 시야로하지 않았다.

프로그래밍 분야의 교리에

빙산처럼 교리 긴 광활한 정보를 furrowing 수 없습니다. 과거의 경험뿐만 아니라, HTML과 CSS-기준에 도구가 그들과 함께 작업하기 위해, 지식 개발에 집중했다.

간단한 작업 - CSS 글꼴 색상을 만들 수는 - 완벽한 솔루션을 발견했다. 규칙, 문법, 논리와 편안함은 논란의 여지가 있습니다. 그러나 글꼴이 실제로 연습 색상이 아니 많이해도 너무 많이 필요하지 않고, 상황 적 지식에 갈 때 참으로 모든 축적 "힘»HTML과 CSS를 필요로하지 않는 가상의 현실의 목적을 위해, 시간이 온다 재생 및 표시 경험과 내용의 스타일의 자연 형성의 도구를 제공합니다.

이 얼마나 완전히 명확하지 않을 수 있지만 과정은 물론, 이미 진행입니다.