html의 단락 및 정렬 속성. HTML에서 요소 정렬 HTML에서 정렬이란?

대상 속성을 _blank로 설정

꼬리표 사용된

사이트의 구조와 콘텐츠를 설명합니다.

서버에서 무료로 웹사이트를 호스팅할 수 있습니다.

배너는

B2B는

기업간 전자상거래 모델

B2C는

소비자와 비즈니스 기업의 전자 상거래 모델

C2C는

개인간 전자상거래 모델

전자 서명은

저자 증명을 제공하는 특수 암호화 절차

전자화폐의 기본은

공개키 암호화

배너 스크롤러의 배너가 움직입니다.

정기적으로 다시 로드

전자 문서 관리 용도

네트워크상의 컴퓨터 및 특수 프로그램

비밀번호

권리를 확인하는 기밀 표시

개인 사이트 호스팅

서버 소유자가 설정한 규칙에 따라 지급

인터넷 리소스 디렉토리 리드

루트 영역 DNS 서버

배너의 효과가 평가됩니다.

클릭 수

화폐의 기능에 포함되지 않는 것

소유자 정보 이전

용어 목록

액티브X- 다양한 도구를 하나의 전체로 연결하여 웹 페이지 개발자가

dpi(인치당 도트 수) - 인치당 도트 수입니다. 다양한 장치(프린터, 스캐너 등)의 해상도 측정 단위

"이스케이프 시퀀스"- ASCII 테이블에 포함되지 않고 HTML 명령에 포함된 문자를 인코딩하는 데 사용할 수 있는 시퀀스.

FTP(파일 전송 프로토콜)은 인터넷에서 네트워크의 한 시스템에서 다른 시스템으로 파일을 복사하는 데 사용되는 파일 전송 프로토콜입니다. 파일 전송 프로토콜은 TCP/IP 네트워크를 통해 컴퓨터 간에 데이터를 교환하는 데 사용됩니다. 이 플랫폼 독립적인 프로토콜을 사용하면 프로세서와 운영 체제가 다른 컴퓨터 간에 파일을 이동할 수 있습니다.

HTML(Hyper Text Mark-up Language - 하이퍼텍스트 마크업 언어). 인터넷에서 하이퍼텍스트 문서를 만드는 데 사용되는 언어입니다.

HTTP(Hyper Text Transport Protocol)은 인터넷을 통해 하이퍼텍스트 파일을 전송하기 위한 프로토콜입니다. 이를 사용하려면 채널의 한쪽 끝에서 HTTP 클라이언트 프로그램을 실행하고 다른 쪽 끝에서 HTTP 서버를 설치해야 합니다.

IP(인터넷 프로토콜) 주소 및 라우팅 정보를 제공하는 기본 TCP/IP 네트워크 프로토콜입니다.

IP 주소- 점으로 구분된 4개의 십진수로 구성된 인터넷에 연결된 컴퓨터의 고유한 물리적 주소입니다.

IRC(Internet Relay Chat)은 사용자가 동일한 IRC 서버에 연결하여 서로 통신할 수 있는 인기 있는 인터넷 서비스입니다. 대화는 키보드에 문장을 입력하여 실시간으로 진행됩니다.

올레(개체 연결 및 포함)은 OLE 서버를 사용하여 이 개체를 편집할 수 있는 기능을 사용하여 다른 응용 프로그램(OLE 서버)에서 만든 개체를 한 응용 프로그램(OLE 클라이언트)의 문서에 포함할 수 있도록 하는 Microsoft 기술입니다.

PCI(주변 구성 요소 상호 연결 - 주변 구성 요소의 상호 작용) - ISA 버스보다 훨씬 뛰어난 성능과 고급 기능을 제공하는 개인용 컴퓨터 버스입니다.

플러그 앤 플레이(플러그 앤 플레이)는 개인용 컴퓨터가 시스템의 하드웨어를 자동으로 감지하고 구성할 수 있도록 하는 마더보드, 버스, 컨트롤러 및 운영 체제의 표준입니다.

셰어웨어- 제한된 시간 동안 전체 기능을 사용할 수 있는 무료 버전의 프로그램.

SMTP(단순 메일 전송 프로토콜 - 단순 메일 전송 프로토콜) - 전자 메일을 보내기 위한 인터넷 프로토콜입니다.

TCP(Transmission Control Protocol)은 데이터를 패킷으로 다시 포맷하고 이러한 패킷을 안정적으로 전달하는 역할을 하는 연결 지향 프로토콜입니다.

TCP/IP- 원본 메시지를 패킷으로 분할(TCP)하고 대상 호스트(IP)에 패킷을 전달하고 원본 메시지(TCP)를 조합하는 역할을 하는 기본 인터넷 프로토콜 집합입니다.

텔넷- 한 컴퓨터의 사용자가 다른 원격 컴퓨터에 연결하여 편집, 이동, 삭제 작업을 포함하여 자신의 컴퓨터에서와 같이 작업할 수 있도록 하는 인터넷 프로토콜입니다.

URL(Uniform Resource Locator - 범용 리소스 주소) - 인터넷에서 컴퓨터, 리소스 및 문서의 주소를 기호로 나타내는 방법입니다.

USB(범용 직렬 버스 - 범용 직렬 버스) - 하나의 포트에 127개의 서로 다른 장치를 연결할 수 있는 허브입니다. USB 버스에는 모든 주변 장치를 연결할 수 있는 표준 커넥터가 있습니다.

웹 포털- 체계화되고 정기적으로 업데이트되는 다수의 하이퍼링크를 통해 다양한 인터넷 자원에 대한 접근을 제공하는 웹사이트

웹 페이지- WWW 서비스를 통해 네트워크 사용자가 액세스할 수 있는 서버에 있는 하이퍼텍스트 정보가 포함된 별도의 문서입니다.

www(World Wide Web - World Wide Web)은 HTTP 프로토콜과 HTML 언어를 사용하여 문서, 그래픽, 오디오 및 비디오 녹화와 같은 다양한 인터넷 리소스에 대한 액세스를 제공하는 서비스입니다.

위지위그(What You See Is What You Get - What you saw is what you got) - 디스플레이 화면의 이미지와 프린터에 인쇄된 문서 간의 정확한 대응 원리.

시스템 관리자- 운영 체제를 관리하고, 서버 및 라우터의 시스템 소프트웨어 구성 및 유지 관리, 다양한 서비스 간에 서버 리소스 분배, 사용자 예산의 단일 데이터베이스 유지 관리, 정보 및 서비스 서비스 유지 및 홍보에 참여, 다양한 통합과 관련된 작업을 수행하는 직원 서비스 .

주소- 데이터의 출발지 또는 도착지의 코드화된 지정.

워크스테이션(워크스테이션) - 특수 소프트웨어(회계, 컴퓨터 지원 설계)가 장착된 개인용 컴퓨터.

건축학- 모델, 구조, 수행되는 기능 및 복합 객체의 구성요소 관계를 정의하는 개념

입증 (입증) - 어떤 것(객체 또는 주제)의 진정성, 신뢰성 확립. 인증은 네트워크 보안 기술의 중요한 구성 요소입니다.

데이터 베이스특정 주제 영역과 관련된 구조화된 데이터의 명명된 모음입니다.

배너 (배너) - 무언가를 광고하는 웹 페이지의 역동적이고 밝은 그림.

브라우저 (브라우저)는 글로벌 네트워크의 노드 간 이동, 정보 표시, 검색, 수집 및 저장 프로세스를 용이하게 하는 클라이언트 프로그램입니다. 이 용어는 보기 위해 영어 단어 "찾아보기"에서 유래했습니다.

하이퍼링크 (하이퍼링크)는 사용자에게 보이지 않는 다른 서버, 사이트, 문서 또는 문서 조각에 대한 포인터를 포함하는 특별히 선택된 하이퍼텍스트 조각입니다. 하이퍼링크를 클릭하면 다른 리소스로의 전환이 발생합니다. 하이퍼링크를 누르면 커서가 가리키는 손바닥 모양을 취합니다.

하이퍼텍스트 (하이퍼텍스트)는 텍스트 외에도 다른 하이퍼텍스트 문서, 그림, 음악 및 파일에 대한 링크를 포함할 수 있는 문서 형식입니다.

글로벌 네트워크 (핏기 없는, 광역 네트워크) - 네트워크 간 통신에 타사 통신 도구를 사용하는 상호 연결된 네트워크 집합입니다.

분포- 응용 프로그램의 초기 설치를 위해 설계된 프로그램입니다.

도메인- 같은 지역, 조직, 빌딩, 층, 부서에 위치한 서버의 그룹.

무단 액세스로부터 정보 보호및 수정 - 기밀성, 무결성 및 가용성을 유지하기 위한 기능적 권한 및 정보에 대한 액세스의 차별화.

거울- 널리 사용되지만 멀리 떨어진 다른 서버의 복사본인 서버. 네트워크 부하를 줄이고 정보 전송 속도를 높이는 데 사용됩니다. 미러의 내용은 주기적으로 업데이트됩니다.

신분증- 알려진 객체 중 하나를 사용하여 객체(네트워크, 사용자, 시스템, 채널, 장치, 프로그램, 프로세스)를 식별하는 프로세스입니다.

캡슐화- 데이터 패킷을 서로 중첩.

인터넷- 통신을 위해 단일 프로토콜 세트를 사용하는 네트워크, 게이트웨이, 서버 및 컴퓨터를 결합하는 글로벌 컴퓨터 네트워크.

상호 작용 (상호 작용) - 커넥터의 물리적 특성, 신호 매개변수 및 그 의미에 따라 결정되는 두 장치 또는 환경의 연결.

정보시스템- 정보 프로세스를 구현하는 조직적으로 정렬된 문서 세트, 문서 배열 및 정보 기술. 다른 정의도 가능합니다. 정보 시스템 - 데이터 처리(검색, 정렬)를 자동화하도록 설계된 데이터(데이터베이스 또는 지식 기반) 및 하드웨어 및 소프트웨어 도구 세트로 전문가 시스템에 특정한 문제를 해결합니다. 사실적 IS(예를 들어 연구소 직원에 대한 사실)와 다큐멘터리 IS(기사, 책, 그림 모음)가 있습니다.

정보 사회생산가능인구의 대다수가 정보의 획득, 변형, 수송, 저장에 종사하는 사회이다.

정보 검색 시스템대량의 구조화된 정보를 처리, 저장, 분류, 필터링 및 검색하기 위한 응용 컴퓨터 환경입니다.

정보 기술적용 - 응용 소프트웨어 사용에 기반한 기술.

정보- 저장, 변형, 전송, 이용의 대상인 주변 세계에 대한 불확실성을 제거한 정보입니다.

채널신호 또는 데이터가 전송되는 수단 또는 경로.

무리- 하나 이상의 인접한 섹터로 구성된 디스크의 최소 정보 할당 단위.

고객네트워크의 다른 컴퓨터에서 리소스 또는 서비스를 요청하는 네트워크의 컴퓨터입니다.

클라이언트 서버- 대부분의 리소스(데이터베이스, 파일, 저장 장치, 외부 장치)가 클라이언트에 서비스를 제공하는 서버에 집중되어 있는 네트워크 개념

컴퓨터 바이러스- 다른 프로그램에 합류하고 곱하고(복사본 생성) 원하지 않는 작업을 수행할 수 있는 특별히 생성된 작은 프로그램입니다.

암호화 (암호화)는 암호화 방법을 개발하는 과학입니다. 즉, 비밀 키를 모르면 텍스트를 읽을 수 없고 공개하기 어렵게 만드는 변환입니다.

로컬 네트워크 (LAN, 근거리 통신망) - 기업, 기관, 한 조직 내의 네트워크.

라틴어 알파벳 #1(Latin-1)- ISO 8859/1 8비트 1바이트 문자 세트.

매크로- 하나의 키를 눌러 호출되는 일련의 여러 명령. 매크로는 반복 작업을 자동화하는 데 사용됩니다.

노선- 정보가 소스에서 수신기로 전송되는 일련의 네트워크 노드.

라우터 (라우터) - 네트워크 수준에서 작동하고 한 네트워크에서 다른 네트워크로 패킷을 전달 및 라우팅하고 브로드캐스트 메시지를 필터링할 수 있는 표준 네트워크 장치입니다.

라우팅 (라우팅) - 데이터 블록이 목적지에 도달할 수 있는 네트워크 경로를 결정하는 프로세스. 라우팅은 대상 개체의 주소를 이 데이터 블록이 수신자에게 전달되는 채널 목록으로 변환합니다.

주인- 여러 대화 상자를 사용하여 특정 작업을 수행하는 데 도움이 되는 특수 프로그램입니다.

마더보드 (마더 보드)는 내부 통신을 제어하고 인터럽트 시스템을 사용하여 외부 장치와 상호 작용하는 컴퓨터의 독립적인 요소입니다.

방화벽 (방화벽, 방화벽)는 보호된 네트워크에 대한 무단 액세스를 방지하는 하드웨어 및 소프트웨어 도구입니다.

모뎀 (모뎀) - 디지털 컴퓨터 정보를 전화선을 통해 전송되는 신호로 변환하거나 그 반대로 변환하는 장치.

사운드 모뎀- 300bit/s ~ 52,000bit/s의 데이터 전송 속도로 전용 또는 전화 접속 전화 통신 채널을 통해 작동하는 모뎀.

광대역 모뎀– 오디오 모뎀보다 주파수 범위와 데이터 전송 속도가 훨씬 더 큰 모뎀.

멀티미디어- 스틸 이미지, 비디오, 애니메이션 그래픽 이미지, 텍스트, 음성 및 사운드 작업을 동시에 수행할 수 있는 대화형 도구입니다.

램 (램, 랜덤 액세스 메모리 - 랜덤 액세스 메모리) - 정보를 기록, 읽기 및 저장하기 위한 칩 상의 컴퓨터 휘발성 메모리 장치.

운영 체제 (운영체제- 운영 체제)는 컴퓨터 제어 및 사용자와의 상호 작용을 제공하는 일련의 프로그램입니다.

데이터 패키지(정보 패키지) 전체적으로 네트워크 프로그램에 의해 처리되는 데이터 블록입니다.

폴더- 다른 폴더, 프로그램, 응용 프로그램, 문서 및 바로 가기를 포함할 수 있는 컨테이너인 Windows 운영 체제의 개체입니다. MS-DOS 운영 체제에서 동등한 용어는 디렉토리와 디렉토리라는 용어입니다.

비밀번호- 일부 리소스를 사용할 수 있는 사용자 또는 응용 프로그램의 권한을 확인하는 기밀 표시.

주변기기 (주변기기) - 외부 환경과 상호 작용하는 컴퓨터의 하드웨어 구성 요소입니다.

픽셀- 디스플레이 화면에서 이미지의 기본 포인트.

픽토그램- 프로그램, 문서, 파일, 폴더 등의 화면에 콤팩트한 그래픽 표현 거의 동의어는 아이콘, 아이콘입니다.

검색 엔진- 웹 사이트에서 정보를 검색하기 위해 사용하는 프로그램입니다.

검색 노드(검색 페이지) - 정보를 검색할 수 있는 웹 페이지

사용자 (사용자)는 응용 문제를 해결하기 위해 컴퓨터를 사용하는 사람입니다.

사서함– 편지 쓰기를 위한 메일 서버의 하드 디스크 영역. 사서함 소유자는 특수 클라이언트 프로그램을 사용하여 사서함 내용을 보고, 복사하고, 이동하고, 삭제할 수 있습니다. 사서함에는 고유한 전자 메일 주소가 할당되어 각 사서함을 다른 사서함과 구별할 수 있습니다.

프록시 서버- 네트워크 부하를 줄이고 성능을 높이는 데 사용되는 컴퓨터.

규약- 데이터 전송 중 기능 블록의 동작을 정의하는 표준입니다.

워크스테이션- 특정 사용자 작업을 해결하는 데 특화된 가입자 시스템.

버스 비트 폭 (버스 폭)는 버스에서 동시에 전송되는 비트 수입니다.

분산 데이터베이스 - 내용이 네트워크의 여러 가입자 시스템에 있는 데이터베이스입니다.

지역 네트워크 (남성, Metropolitan Area Network)는 광역 네트워크 기술을 사용하고 도시와 같은 특정 지리적 영역 내에서 LAN을 연결하는 네트워크입니다.

관련성- 선택한 정보가 검색 기준에 부합하는 정도.

웹사이트- 주제별로 서로 관련되고 동일한 서버에 있는 웹 페이지 집합입니다.

섬기는 사람 (섬기는 사람) - 1. 다른 프로그램(클라이언트)에게 자신의 능력(자원)을 사용할 수 있는 기회를 제공하는 프로그램. 2. 다른 컴퓨터에 서비스를 제공하는 컴퓨터 - 클라이언트.

서버 소프트웨어 (서버 네트워크 소프트웨어)는 클라이언트 액세스를 위한 리소스 저장소를 제공하는 서버용으로 개발된 소프트웨어 유형입니다.

네트워크 애플리케이션 (네트워크 애플리케이션)는 네트워크의 통신 시스템을 통해 사용할 수 있는 고급 프로그램입니다.

네트워크 피어 투 피어 (피어 투 피어 네트워크)는 각 컴퓨터가 다른 컴퓨터의 클라이언트가 될 수 있고 서버 역할도 할 수 있는 네트워크 유형입니다.

전용 서버 네트워크 (서버 기반 네트워크)는 서비스와 리소스를 제공하고 이러한 서비스와 리소스에 대한 액세스를 제어하기 위해 서버의 존재가 필요한 네트워크 유형입니다.

스크립트- 특정 작업을 수행하는 데 사용되는 작은 명령 집합(프로그램 또는 매크로)입니다. 스크립팅에 가장 일반적으로 사용되는 언어는 Java, Visual Basic, JavaScript 및 Perl입니다.

교통- 로드, 정보 교환, 메시지 흐름.

CPU (CPU, 중앙 처리 장치) - 데이터 처리 작업을 수행하고 컴퓨터의 주변 장치를 제어하는 ​​컴퓨터의 중앙 장치.

칩셋 (칩셋) - 마더보드에 설치된 일련의 칩.

타이어 (버스) - 중앙 처리 장치와 주변 장치 간에 데이터를 이동하는 역할을 하는 개인용 컴퓨터의 특수 병렬 도체 집합입니다.

게이트웨이 (게이트웨이)는 호환되지 않는 네트워크를 연결하는 소프트웨어 특정 노드입니다. 네트워크가 함께 작동할 수 있도록 데이터를 변환합니다.

이메일 (이메일) - 인터넷을 사용하여 한 사용자의 컴퓨터에서 다른 사용자의 컴퓨터로 문자 메시지 또는 바이너리 파일을 첨부 파일로 보내고 받을 수 있는 서비스입니다.

안녕하세요, 블로그 사이트 독자 여러분. 오늘날 우리는 계속 연구하고 있으며 다음은 text-decoration, vertical-align, text-align, text-indent 및 Html 코드에서 텍스트의 모양을 형성하는 데 도움이 되는 여러 가지 속성에 대해 설명합니다.

지난 기사에서는 .

글쎄, 더 일찍 우리는 모든 유형을 자세히 조사하고 그룹화하는 방법과 브라우저가 해석할 때 설정하는 우선 순위를 배웠습니다. 사실,이 모든 것은 여러 기사로 나뉘어져 있으므로 혼동하지 않도록 주어진 순서대로 자료를 공부하는 것이 좋습니다.

CSS에서 텍스트 장식, 텍스트 정렬, 텍스트 들여쓰기

CSS에서 텍스트로 작업하는 방법은 무엇입니까? 이 목적을 위해 특별히 고안된 규칙이 있다고 가정하는 것이 논리적일 것입니다. 실제로 align 속성을 대체하는 text-align부터 시작하겠습니다(P 단락이나 제목과 같은 콘텐츠를 정렬하는 데 사용됨).

네 가지 가능한 값만 있습니다.

의미는 이전과 동일하게 유지됩니다. 텍스트 정렬라인의 수평 정렬입니다. 이 규칙은 블록 요소(단락, 제목 등)에만 적용됩니다. 여러 줄이 나타날 수 있는 태그. 왜냐하면 인라인 요소에는 한 줄만 있을 수 있으며 텍스트 정렬을 사용하는 데 특별한 점이 없습니다.

이 규칙의 값은 각각 왼쪽(왼쪽), 오른쪽(오른쪽), 중앙(가운데) 및 페이지 너비(정렬-단어 사이의 거리를 늘려 왼쪽과 오른쪽 모두) 정렬을 의미합니다. 최소한 몇 줄의 텍스트가 있는 요소에 Justify 값을 사용해야 한다는 것은 말할 필요도 없습니다. 그렇지 않으면 눈에 띄는 효과가 없습니다.

예를 들어, 다음을 사용하여 이전 단락을 정렬했습니다(왼쪽과 오른쪽 모두에 테두리가 있는 것을 볼 수 있습니다).

텍스트 정렬:맞추기;

기본적으로 텍스트는 가로로 왼쪽에 정렬됩니다. 물론 이전에 다른 정렬을 지정하지 않은 경우 text-align:left를 특별히 작성할 필요는 없습니다. 그건 그렇고, 좋은 예를 위해이 단락을 중앙 (중앙)에 정렬했지만 여기서는 어쨌든 모든 것이 명확하다고 생각합니다.

다음 CSS 규칙 텍스트 들여쓰기예를 들어 단락 태그 P의 텍스트에 빨간색 선을 설정할 수 있습니다. 빨간색 선의 들여쓰기는 값을 지정하거나(더하기 기호와 빼기 기호 모두 사용) 백분율을 사용하여 설정할 수 있습니다. :

text-indent의 백분율은 무엇입니까? 텍스트용으로 예약된 영역의 너비부터. 저것들. css 규칙 text-indent:50%는 빨간색 선을 해당 선 길이의 절반으로 설정합니다. 음, 이 단락은 그러한 규칙의 예일 뿐입니다.

예를 들어 text-indent의 빨간색 줄에 음수 값을 설정하면 이 단락에서 보는 것과 같은 결과를 얻을 수 있습니다. 이 결과를 얻기 위해 P 단락 태그에 대해 다음 CSS 규칙을 작성했습니다.

텍스트 들여쓰기:-1em;

일반적으로 text-indent(표준 빨간색 선을 설정하기 위해)를 사용하는 방법은 다음과 같습니다. text-indent:40px; (그런데 이 단락에 적용됨). 이 규칙은 앞에서 설명한 텍스트 정렬과 마찬가지로 블록 요소에만 적용, 즉. 여러 줄이 나타날 수 있습니다(단락, 제목 등).

그럼 이제 다음으로 넘어갑시다 텍스트 장식(가로선을 이용한 데코레이션), 이미 모든 Html 요소(인라인 및 블록 모두)에 적용되어 있습니다.

네 가지 의미만 가질 수 있습니다.

저것들. 텍스트 장식과 함께 사용할 수 있습니다: 오버라인(overline), 취소선(line-through) 또는 밑줄(underline), 글쎄, 또는 전혀 사용하지 않음(없음). 예를 들어 일부 Html 요소에는 이미 기본적으로 수평선이 있습니다(기본적으로 밑줄이 그어져 있음).

따라서 하이퍼링크를 제외하고 밑줄로 다른 항목을 강조 표시하는 것은 좋지 않습니다. 사용자는 일단 밑줄이 그어지면(또한 색상으로 강조 표시됨) 클릭하여 이동할 수 있다는 잠재의식 기록을 가지고 있기 때문입니다. 그러나 일반 텍스트에 밑줄을 긋는 것은 사용자를 오도하고 리소스에 대한 후속 실망을 초래합니다(그는 그렇게 생각했지만 ...으로 판명되었습니다).

Css 텍스트 장식 규칙을 사용할 때의 뉘앙스는 모든 Html 요소에 대해 한 번에 세 개(또는 두 개)의 값을 쓸 수 있다는 것입니다(아무것도 생략). 밑줄-밑줄-취소선 텍스트 조각(소리도 좋고 멋져 보이지 않나요?):

Text-decoration: 밑줄 윗줄 줄넘기;

텍스트 데코레이션 값(한 번에 여러 개를 사용하려는 경우)을 작성해야 합니다. 공백 문자를 통해.

수직 정렬 - 수직 정렬

다음으로 수직 정렬 - 수직 정렬이 있습니다. Html 코드의 거의 모든 요소에 대해 인라인 요소를 기준선을 기준으로 텍스트와 정렬하는 것을 의미합니다. 사실, 이것은 약간 다르다는 것을 의미합니다. 이 셀에 있는 모든 내용은 수직으로 정렬됩니다.

Css 수직 정렬 규칙의 경우 다음 값을 사용할 수 있습니다.

행은 기본적으로 기준선에 정렬됩니다. 봐요 신청했어요 이 텍스트에 글꼴을 증가이 두 조각은 베이스(하단) 라인에 정렬됩니다. 수직 정렬과 수직 정렬은 선 정렬 방식을 변경하기 위한 것입니다.

예를 들어 동일한 확대된 텍스트 조각에 대해 vertical-align:baseline을 작성하면 변경 사항이 발생하지 않습니다. 기준선 값은 이 기본 Css 규칙에 사용됩니다.

그건 그렇고, 숫자도 값으로 사용할 수 있으며 vertical-align:0은 vertical-align:baseline과 같은 의미입니다. 기준선의 값은 0과 같습니다. 따라서 수직 정렬에서 이동을 지정하려는 경우 이 이동은 기준선(또는 0)을 기준으로 표시됩니다.

다음과 같이 작성할 수 있습니다.

수직 정렬:10px;

그리고 우리는 얻는다 확대된 글꼴로 조각 이동기준선에서 10픽셀. 음수 값을 쓰면:

수직 정렬:-10px;

그럼 우리는 얻을 조각을 아래로 이동기준선에 비해. 이동으로 인해 텍스트가 인접한 줄과 충돌하지 않고 맞도록 줄 높이가 증가한 것을 예제에서 볼 수 있습니다. 이동은 Em 및 Ex에서 백분율로 설정할 수도 있으며 이 요소의 줄 높이에서 계산됩니다(지난 기사에서 를 사용하여 설정하는 방법을 배웠습니다).

수직 정렬에서 테이블 셀의 내용을 수직으로 정렬하려면 Top 및 Bottom 값을 사용하여 각각 셀의 상단 및 하단을 가져옵니다(음, 테이블 셀의 가운데는 기본 수직 정렬 값으로 사용됨).

그리고 글꼴 요소의 경우 text-top, text-bottom, middle을 사용할 수 있습니다. 예를 들어 보겠습니다. 이 텍스트 조각의미:

수직 정렬:중간;

그 결과 어떻게 되었습니까? 확대된 조각의 가운데 줄은 일반 텍스트의 기준선을 따라 정렬되었습니다. 정중선에 수직 정렬이 있습니다. text-top 및 text-bottom의 경우 모든 것이 동일합니다. text-top , text-bottom 과 같습니다.

vertical-align sub 및 super Css 값은 순수한 Html에 있었던 sub- 및 superindex 값과 일치합니다(CSS 속성이 시각적 스타일링에 사용되기 전).

텍스트 변환, 문자 간격, 단어 간격 및 공백

없음은 기본적으로 사용되며 텍스트의 문자가 어떤 식으로든 변경되지 않음을 의미합니다. Html로 작성된 대로 표시됩니다. text-transform의 대문자 값은 조각의 모든 문자를 대문자로 변환합니다( 이 문장에 예가 나와 있습니다., 여기서 text-transform:uppercase 규칙이 사용되었으며 문자는 원래 소문자로 작성되었습니다.

Css 텍스트 변환 규칙의 소문자 값을 사용하면 프래그먼트의 모든 문자를 소문자로 변환할 수 있습니다. 대문자 값은 단어의 모든 첫 글자를 대문자로 만듭니다( 이 문장의 예- text-transform:capitalize). 저것들. 텍스트 변환을 사용하면 일반 텍스트로 무엇이든 할 수 있으며 모든 것을 쉽게 되돌릴 수 있습니다.

따라서 예를 들어 모든 제목을 대문자로만 작성하는 작업이 있는 경우 평소와 같이 Html로 작성하고 텍스트 변환: 대문자를 통해 CSS에서 이미 대문자로 만듭니다. 그런 다음 무언가를 다시 변경하기로 결정한 경우 사이트의 100,500개 제목 전체 내용이 아니라 스타일을 약간만 변경하는 것으로 충분합니다.

기본적으로 문자 간격과 단어 간격은 모두 보통으로 설정되거나 0과 동일합니다(즉, 문자와 단어 사이의 간격은 어떤 식으로든 변경되지 않음). 이러한 규칙에서 거리 변화의 크기는 픽셀 또는 Em 또는 Ex로만 표시할 수 있으며 백분율 용어로는 표시할 수 없습니다.

그러나 양수 값(문자 또는 단어 희소성) 및 음수 값(문자 또는 단어 수렴)을 모두 사용할 수 있습니다. 예를 들어 다음과 같이 할 수 있습니다. "이렇게, 이 구의 문자를 희소하게"다음 CSS 규칙으로:

문자 간격:0.4em;

아니면 가능합니까? "이것은 이 문구에서 문자를 함께 가져오는 방법입니다."사용하여:

글자 간격:-1px;

단 하나의 차이만 있는 단어 간격에 대해서도 마찬가지입니다. 이 경우 거리가 단어 사이에서 이미 변경됩니다. 예를 들어, 이 문구에서와 같은 CSS 구성의 도움으로:

단어 간격:4em;

마찬가지로 단어 간격에 음수 값을 사용하여 단어 사이의 간격을 줄일 수 있습니다.

음, 특정 방식으로 Html 코드의 텍스트 스타일을 지정할 수 있는 오늘의 마지막 Css 규칙은 다음과 같습니다. 여백. HTML 코드를 작성할 때 발생한 웹 페이지에 공백 문자를 표시하는 역할을 합니다.

에 대한 기사에서 기억하듯이 코드를 구문 분석할 때 브라우저는 모든 공백, 줄 바꿈 및 탭을 하나의 공백으로 결합하고 코드에서 발생한 공백 문자에 따라 웹 페이지의 줄을 바꿉니다.

따라서 공백은 다음 세 가지 값 중 하나를 취할 수 있습니다.

기본값은 Normal이며 이 경우 위에서 설명한 대로 모든 것이 표시됩니다. 그러나 Pre 값을 사용할 때 using 과 완전히 유사합니다. 웹 페이지에서 텍스트는 코드를 작성할 때 발생한 모든 추가 공백 문자와 함께 표시되며 브라우저는 하이픈을 넣을 수 없습니다.

음, 의미 노랩브라우저가 white-space:nowrap CSS 규칙을 사용하여 프래그먼트 내부에서 찾은 공백 문자를 줄 바꿈하지 않도록 하기만 하면 됩니다. 간단한 Html 파일을 만들고 텍스트를 비슷한 태그로 묶어서 모든 것이 어떻게 작동하는지 직접 시험해 볼 수 있습니다.

행운을 빕니다! 블로그 페이지 사이트에서 곧 만나요

당신은 관심이있을 수 있습니다

목록 스타일(유형, 이미지, 위치) - Html 코드에서 목록의 모양을 사용자 지정하기 위한 Css 규칙
마우스 커서를 변경하기 위한 Z-색인 및 CSS 커서 규칙으로 위치 지정
패딩, 여백 및 테두리 - CSS 내부 및 외부 패딩과 모든 면(위, 아래, 왼쪽, 오른쪽)의 테두리를 설정합니다.
CSS가 무엇인지, 캐스케이딩 스타일 시트를 Html 문서에 연결하는 방법 및 이 언어 구문의 기본 사항
CSS에서 부동 및 지우기 - 블록 레이아웃 도구
CSS - 스타일 및 링크를 사용하여 캐스케이딩 스타일 시트가 HTML 코드에 연결되는 방식
크기 단위(픽셀, Em 및 Ex) 및 CSS의 규칙 상속
최신 CSS의 태그, 클래스, ID 및 범용 선택기 및 속성 선택기
위치(절대, 상대 및 고정) - CSS에서 Html 요소를 배치하는 방법(왼쪽, 오른쪽, 위쪽 및 아래쪽 규칙)
CSS의 배경(색상, 위치, 이미지, 반복, 첨부) - Html 요소의 배경색 또는 배경 이미지를 설정하기 위한 모든 것

아시다시피 Habr은 기사의 텍스트와 그림의 서식 지정과 작성자의 댓글을 허용하는 "구식" 태그 특성을 사용합니다. 이러한 태그 중에는 W3C 표준에 없는 태그가 있습니다. 이것 - . Habr의 편집자는 단순히 다른 속성을 제공하지 않기 때문에 일부 저자는 "순진하게"이 속성을 사용하는 것으로 나타났습니다. 이상하게도 일부 브라우저에서는 이 속성이 Habré에서 지원되지만 깨끗한 테스트 페이지를 사용한 실험에서 기적이 없는 것으로 나타났지만 img에서는 작동하지 않습니다.

속성이 지원되는 경우와 모든 곳에서 지원되기 시작하도록 스타일에 추가해야 하는 항목에 대한 질문에 관심이 있었습니다. 사이트에서 작동하는 경우 이것이 올바른 속성이라는 순진한 의견을 지지하지만 여전히 사진을 중앙에 배치하는 도구를 얻습니다.

실제로 HTML의 align="center" 속성은 블록 수준 요소(div, p, ...)를 위한 것이며 요소 자체가 아니라 요소의 내부 콘텐츠를 참조합니다. 그러므로 우리가 쓴다면

그러나 이것은 Habré로 작성할 수 없으며 태그 파서의 규칙입니다.

Habré에서 어떻게 작동하는지 확인하려면 댓글을 작성할 때 또는 초안 기사에서 미리보기를 사용할 수 있습니다. 이것은 최종 모양과 정확히 일치하지 않지만 테스트에 사용할 수 있습니다.

Firefox를 제외한 대부분의 브라우저에서 두 번째 이미지는 중앙에 위치하지만(Habr의 스타일이 아직 수정되지 않은 경우) 테스트 결과 이 ​​속성이 브라우저에서 지원되지 않는 것으로 나타났습니다(doctype의 드문 예외 제외).
이 잘못된 텍스트가 모든 곳에서 작동하지 않는데 Habré에서는 작동하고 Firefox에서는 작동하지 않는 이유는 무엇입니까?

1월 25일 2013년(1년):

그림의 스타일을 보면 그 이유를 찾을 수 있습니다.
img (표시: 블록; 여백: 0 자동 !important; )
예, Habré의 all.css 파일에서 잘못된 속성을 "올바른" 속성으로 바꾸는 트릭이 지원됩니다. 센터링을 시작하기 위해 그림이 가져야 하는 속성은 다음과 같습니다. 막히다및 중심 스타일 여백: 0 자동;.

(그러나 그러한 속성이 없다는 것을 아는 사람들은 그것이 Habré에서 작동한다고 스스로 추측할 수 없습니다. 문서가 없고 Fx의 테스트가 통과되지 않습니다. Chrome을 통해 확인하여 메모(거의 각 주석에 있음)

Firefox에서 센터링이 작동하지 않는 이유를 알아내야 합니다.

요령은 스타일도 살펴보는 것입니다(Firebug의 도움으로). 여기에서 속성이 기적적으로 align="middle"로 변경되었으며 수동으로 이름을 변경해도 문제를 해결하는 데 도움이 되지 않음을 알 수 있습니다. 브라우저 자체는 잘못된 속성을 "자신의 의견으로는" 가장 적절한 것으로 변경합니다(인라인 요소 스트림의 수직 정렬). 따라서 img 스타일 규칙이 작동을 멈춥니다.

따라서 Habré에서 완전한 브라우저 지원을 위해서는 다음과 같은 규칙이 충분하지 않습니다.
img, img( 표시: 블록; 여백: 0 자동 !important; )

속성이 있는 빈 페이지 테스트

기술 노트. addRules() 스타일링 함수의 특별한 모양은 IE8 브라우저에서 스크립트 실행을 가능하게 하려는 욕구에서 비롯됩니다. (IE9에서는 테스트되지 않았지만 다른 것과 같이 작동해야 합니다.) doctype이 없으면 margin: 0 auto는 IE8에서 작동하지 않지만 align:right 및 left 속성은 작동합니다.

무엇을 해야 합니까?

일반적인 결론, 이 속성이 IMG 태그에서 작동할 수 있다는 웹마스터의 의견을 지지해서는 안 됩니다. 속성의 시대는 끝났고 모두가 스타일을 사용하고 있지만 경험이 없는 일부 웹 빌더는 그러한 속성이 존재한다는 인상을 남길 수 있습니다.

1월 25일 2013년(1년): Habr의 스타일은 더 이상 이 잘못된 속성을 지원하지 않는 것으로 나타났습니다. 사이트에서 사용하려면 이전에 Firefox에서 했던 것과 같은 방식으로 사용자 스타일을 추가해야 했습니다.

텍스트 정렬, 들여쓰기를 정의하는 HTML 태그

타이포그래피에 사용되는 정렬된 텍스트

아래 예는 정렬 방법을 보여줍니다. 텍스트 폭페이지:

justify 값은 균일성을 제공합니다. 텍스트 좌우 정렬, 그건 너비. 이 방법은 인쇄에서 널리 사용됩니다.

HTML의 텍스트를 중앙 정렬 및 정렬

HTML의 텍스트를 가운데 정렬, 텍스트를 오른쪽 정렬:

결과:

속성 및 값

• align="왼쪽" - 정의 왼쪽 텍스트 정렬(기본).
• 정렬="중앙" - 텍스트를 중앙에 정렬.
• 정렬="오른쪽" 텍스트를 오른쪽으로 정렬.

정렬 | HTML 텍스트 들여쓰기

페이지 왼쪽의 HTML 텍스트 및 들여쓰기

생산하자 텍스트 들여쓰기두 가지 방법으로 왼쪽에:

결과:

새 창에서 봅니다.

설명

텍스트 블록을 가장자리에 맞춥니다.

이 속성 대신 스타일을 사용해야 합니다.

통사론

가치

기본값

예. 텍스트 정렬

Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci taion ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat. Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en commodo consequat.

브라우저: 데스크탑 모바일 ?

✖

브라우저

다음 표기법은 브라우저 테이블에서 사용됩니다.

• - 요소가 브라우저에서 완전히 지원됩니다.
• - 요소는 브라우저에서 인식되지 않고 무시됩니다.
• - 운영 중 각종 오류가 발생하거나 요소가 예약으로 지원됩니다.

숫자는 요소가 지원되는 브라우저 버전을 나타냅니다.