Latest web development tutorials

HTML CSS

CSS (kaskadowe arkusze stylów) do renderowania elementów HTML stylu znacznika.

Spójrz stylów i kolorów!

manipulować tekstem
Kolory, Skrzynki
i więcej ...


Spróbuj »

Przykłady

Spróbuj - przykład

HTML przy użyciu stylu
Ten przykład pokazuje, jak wykorzystać te informacje, aby dodać do stylu sekcji <head> w formacie HTML.

Ten przykład pokazuje, jak użyć atrybutu stylu nie podkreślaj odnośników.
Jak korzystać z nieruchomości, aby styl nie podkreślone linki.

Link do zewnętrznego arkusza stylów
Ten przykład pokazuje, jak Tagi odwołuje się do zewnętrznego arkusza stylów.

Jak korzystać z CSS

W HTML 4, CSS jest używany, w celu lepszego renderowania elementów HTML wprowadzony.

CSS może być dodany do HTML w następujący sposób:

  • Jazda w stylu - stosowanie "styl" atrybut elementów HTML
  • Arkusze stylów wewnętrzne - na czele dokumentu HTML <head> obszaru za pomocą <style> element, który zawiera CSS
  • Zewnętrzna wartość zadana - Wykorzystanie zewnętrzny plik CSS

Najlepszym sposobem jest za pośrednictwem zewnętrznego odniesienia plików CSS.

W tym miejscu poradnika HTML używamy wbudowanych stylów CSS wprowadzić instancję, która ma uprościć ten przykład, ale również ułatwia edycję kodu online, on-line działa instancji.

Można witryny samouczek CSS samouczek CSS , aby dowiedzieć się więcej wiedzy CSS.

inline stylu

Gdy specjalny styl musi być stosowana do poszczególnych elementów, można użyć wbudowanych stylów. Zastosowanie stylu inline jest użycie atrybutu style w odpowiednim tagiem. atrybut styl może zawierać żadnych właściwości CSS. Poniższy przykład pokazuje, jak zmienić kolor ust i lewego marginesu.

<p style="color:blue;margin-left:20px;">This is a paragraph.</p>

Dowiedz się więcej stylów można znaleźć samouczek CSS .

HTML Style Przykład - Kolor tła

Tło Atrybut koloru kolor tła (background-color) określa element:

Przykłady

< body style = " background-color:yellow; " > < h2 style = " background-color:red; " > 这是一个标题 </ h2 > < p style = " background-color:green; " > 这是一个段落。 </ p > </ body >

Spróbuj »

Wczesne atrybut koloru tła (background-color) jest użycie definicję atrybutu bgcolor.

Spróbuj: Starsze HTML, aby ustawić tryb tła

HTML Style Przykład - czcionki, kolor czcionki, rozmiar czcionki

Możemy użyć font-family (czcionka), kolor (kolor) oraz rozmiar czcionki (rozmiar czcionki), aby zdefiniować styl atrybuty czcionki:

Przykłady

< h1 style = " font-family:verdana; " > 一个标题 </ h1 > < p style = " font-family:arial;color:red;font-size:20px; " > 一个段落。 </ p >

Spróbuj »

Obecnie powszechnie stosowane font-family (czcionka), kolor (kolor) i font-size (rozmiar czcionki) atrybutów do definiowania stylów tekstu, zamiast używania <font> tag.

HTML Style Przykład - Wyrównanie tekstu

Użyj text-align (wyrównanie tekstu) atrybut poziom określa pionowe wyrównanie tekstu:

Przykłady

< h1 style = " text-align:center; " > 居中对齐的标题 </ h1 > < p > 这是一个段落。 </ p >

Spróbuj »

Text-align Właściwość text-align zastąpić starą etykietę <center>.

próbować

Wewnętrzny arkusz stylów

Kiedy pojedynczy plik wymaga specjalnego stylu, można użyć wewnętrznego arkusza stylów. Można sekcji <head> <style przez> tag określa arkusz stylów wewnętrznych:

<Head>
<Style type = "text / css">
body {background-color: yellow;}
p {color: blue;}
</ Style>
</ Head>

Zewnętrzny arkusz stylów

Gdy styl musi być stosowana do wielu stron, arkusz stylów zewnętrznych byłby idealnym wyborem. Użyj zewnętrznego arkusza stylów, można zmienić plik, aby zmienić wygląd całej witryny.

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

znaczniki HTML stylu

标签 描述
<style> 定义文本样式
<link> 定义资源引用地址

Nieaktualne znaczniki i atrybuty

W HTML 4, oryginalne wsparcie niestandardowe style elementu HTML tagi i atrybuty zostały przestarzała. Etykiety te nie będą obsługiwać nową wersję znaczników HTML.

Nieaktualne Etykiety: <font>, <center> <strike>

Nieaktualne atrybuty: kolor i bgcolor.