옛날에 나쁜의 웹, 심지어 조금 복잡한 레이아웃을 만들 수있는 유일한 방법은 테이블을 사용합니다. 일부 사이트의 추천 바보 같은 수의 테이블, 하나는 안에 또 다른 소녀는 비교적 간단 -보고 효과를 작성합니다. 과 전투 근무 지원지만, 표는 마침내로 교체합니다.

테이블에 대해 뭐 그리 나쁜가?

이제까지 함께하는 경우 사용하는 사이트는 테이블, 알게 될 수있습니다 얼마나 어려워합니다. 는 코드가 엉망이 혼란을 행과 열의를하지 않고 페이지의 어떤 부분을 취소 마커 무슨합니다. 이 사이트를 다시 디자인하는 원한다면, 당신은 강제로 귀하의 컨텐츠를 추출하는 시도 건물의 제목과 테이블을 모두 다시 시작합니다. 테이블, 건물 웹 페이지에 집을 짓고 같은 느낌의 카드를 많이합니다.

전투 근무 지원 뭐지?

캐스케이드 스타일 시트를 스탠드에 대한 전투 근무 지원합니다. 전투 근무 지원의 특정 부분을 사용하면 정보를 적용할 스타일링에 삽입 태그 이름에 의해 식별하거나, 신분증 및 종류를 지정합니다. 이것은 전투 근무 지원 선별기를 사용합니다.

전투 근무 지원 선별기

먼저 물건을 전투 근무 지원에 대해 알아야 할 기본 사항은 선별 작업하는 방법. 이미 많은 비밀과 거의 쓸모없는 선별,하지만 너무 심하게의 기초를 파악되지 않습니다.

귀하의 태그를 전투 근무 지원에 의존 데 클래스 및 신분증 - 유일한 진정한 차이는 아이디와하는 클래스가 하나의 신원에 관련된 태그와 하나에만있는 동안 하나 이상의 클래스를 참조할 수있습니다.

만약 태그의 이름을하기만하면 자신의, 그때 친구의 너의 전투 근무 지원 규칙은 이러한 태그를 모두 영향을 미칠합니다. 태그의 이름을 이어를 사용하는 경우의 이름을 점으로과 클래스, 그러면 태그가 영향을 미칠 그 클래스의 모든 이들합니다. 를 사용하는 태그, 해시와 신분증 이름은 그 번호의 태그에만 영향을 미칠합니다. 해시 및 신분증을 사용하여 태그가 어떤 작업을 혼자하는 번호는 반면 점으로 및 클래스 이름을 사용하여 모든 태그를 그 클래스에 따라 작동합니다. 그래서 :

p - 모든 단락 p.thing - 모든 단락에있는 '것'클래스 p # 것 - 단락에 번호 '그것'. 것 - 모든 태그에있는 '것'클래스 # 것 -에게 신분증을 태그가 '그것'

이들 중 하나를 추가할 각각의 규칙을 선별, 당신을 기울 중괄호 (()) 후에는을 누른 다음 그 규칙을 해당 공간 - 그것은 당신이해야 할 전투 근무 지원를 작성합니다.

유용한 전투 근무 지원 규칙

전투 근무 지원 규칙을 다음과 같습니다 :

규칙 - 이름 : 설정을;

다음은 몇 가지의 서로 다른 설정은 대부분의 유용한 규칙 이름과 그들에게 적용될 수있습니다.

배경 - 색상합니다. 를 사용하여 페이지의 배경 색상을 설정할 수있습니다 html 색상 (그들은 다음과 같습니다 : # 123456).

색상합니다. 색상의 텍스트를 설정합니다.

글꼴 - 패밀리합니다. 글꼴을 설정할 수있습니다 당신의 텍스트보기 - 두 개 이상의 글꼴 이름을 추가할 수있습니다 쉼표로 구분된 경우에는 귀하의 첫 번째 선택을 사용할 수 없다.

글꼴 - 크기를합니다. 픽셀의 글꼴 크기를 설정할 수있습니다 또는 안에 - 이건 더 나은을 사용 엠, 이러한 측정은 절대적이 아닌 상대적합니다.

너비와 높이가합니다. 물건의 너비와 높이를 지정할 수있습니다. 픽셀이나 퍼센트를 사용할 수있습니다.

여백. 모서리를 주위에 공간의 양을 일부 콘텐츠합니다. - 왼쪽에 추가할 수있습니다, - 오른쪽, - 위쪽과 아래쪽에 여백을 - 이러한 여백을 개별적으로 지정합니다.

패딩합니다. 여백과 같은 방식으로 동작이지만이 태그의 가장자리 사이의 공간을하고 그 내용의 상자를 대신하여 태그 사이에 공백과 다른 상자의 상자를합니다.

국경합니다. 주변 테두리 상자를 선수야. 이 3 개의 설정 (폭, 형식 및 컬러), 그래서 그들 사이에 공백을 넣어야, 이렇게 : 테두리 : 1px 고체 검정;

텍스트 - 정렬합니다. 정렬을 사용하면 텍스트를 왼쪽이나 오른쪽, 또는 센터 ( '센터').

텍스트 - 장식합니다. 컨트롤을 일부 텍스트 효과 - 주로 사용되는 링크를 통해 배경 음악을 중지, 이렇게 : (텍스트 - 장식 : 없음;)

부동합니다. 기타 콘텐츠를 통해 콘텐츠를 부동에게 대신에 새 줄을 시작에 아래에있습니다. 이것은 대부분의 자주 사용되는 태그를 잡았다고 생각을 시뮬레이트 효과의 종류와 테이블 - 부동 a 사단 및 설정의 주요 콘텐츠를 지역의 여백을 그 너비는 사이드바를 만드는 쉬운 방법 중 하나를, 예를 들면.

글쓴이 소개 :



Original Source: Eclipse-Articles.com 원본 소스 : 일식 - articles.com



Information supplied and written by Lee Asher of Eclipse Domain Services 이승엽 아셀를 작성한 정보를 제공하고 도메인 서비스 일식

도메인 이름, 호스팅, 트래픽 및 이메일 솔루션을합니다.