A Cascading Style Sheet (CSS) é uma folha em cascata de marcação de estilo que controla a aparência do conteúdo em um site. Cada tema WordPress que você usa no seu blog usa CSS. O CSS fornece estilo e elegância de design para as marcas de modelo em seus modelos. O CSS para seu tema WordPress é puxado através do modelo de cabeçalho (header.php

No modelo de Cabeçalho (header.php) Da maioria dos temas WordPress, você encontra a seguinte linha de código, o que puxa o CSS (style.css) Na página para fornecer a formatação dos elementos do seu blog:

Não ajustar a linha de código que puxa no style.css file- contrário, o CSS não vai funcionar para o seu blog.
seletores CSS
Com CSS, você pode fornecer estilo (como tamanho, cor e colocação) para a exibição de elementos em seu blog (como links de texto, imagens de cabeçalho, tamanho da fonte e cores, margens de parágrafo e espaçamento entre linhas). seletores CSS conter nomes, propriedades e valores para definir quais elementos nos modelos HTML você estilo com CSS. seletores CSS são usados ​​para declarar (ou selecione) que parte da marcação do estilo se aplica. Aqui estão alguns exemplos de seletores CSS e seu uso.
Selector CSS
Descrição
HTML
CSS
corpo
Define o estilo para o corpo geral do site, tais como
fontes e cor de fundo padrão.
body {background-color: white}
A cor de fundo em todas as páginas é branco.
p
Define como os parágrafos estão formatados.


Isto é um
parágrafo
p {color: black}
A cor das fontes usadas em todos os parágrafos é preto.H1, H2, H3, H4, H5, H6Fornece cabeçalhos ousadas para diferentes seções do seu site.
Este é um site
títuloh1 {font-weight: bold-}
Uma fonte cercada pela 
.. tags HTML está em negrito.umaDefine como links de texto exibido em seu site. “https://wiley.com”gt; Wiley
Publishinga {color: red}
Todos os links de texto aparecem em vermelho.
Classes e identificações
Você pode encontrar a folha de estilo (style.css) Para o padrão tema Vinte Quinze na página Editar Temas em seu Dashboard. Tudo isso pode parecer estranho para você agora, mas concentrar a sua atenção para dois itens que você vê quando você rolar esse modelo:
#conteúdo: Um tipo de seletor CSS. A marca de hash (#) indica que é um ID CSS.
Video: Уроки CSS. Относительные единицы измерения в CSS: px, %, em. rem
.singular: Outro tipo de seletor CSS. O ponto (.) Indica que é uma classe CSS.
Video: Tutoriel CSS : px, em et rem
A folha de estilo tema WordPress (style.css).
Video: Contact Form 7 CSS to Style CF7 Submit Button, Inputs, Fields and Dropdown | CF7 Tuts Part 2
IDs e classes definir propriedades de estilo para diferentes seções do seu tema WordPress. Esta lista apresenta exemplos de IDs e classes da header.php template no tema Vinte Quinze WordPress. Armado com esta informação, você saberá onde procurar na folha de estilo quando você quer mudar o estilo para uma determinada área de seu tema.
Video: CSS3: единицы измерения em, rem, vh, vw, vmin, vmax
HTML
Selector CSS
Descrição
“página”gt;
#página
Styles os elementos para a identificação de página em seu modelo (s).
“.Site-cabeçalho”gt;
.Site-cabeçalho
Styles os elementos para a classe de sítio-header em sua
modelos).
 “titulo do site”gt;
.titulo do site
Estilos de elementos para a sua classe de sítio-título em sua
modelo (s), mas também segue as regras para os valores h1 definidas no
CSS.
 “busca-toggle”gt;
.busca-toggle
Estilos de elementos para a sua classe de busca-toggle em sua
modelos).
 “conteúdo”gt;
#conteúdo
Styles os elementos para a identificação do conteúdo em seu
modelos).
Se você encontrar um elemento no código do modelo que diz identidade (tal como div id = ou p id =), Procure o símbolo de hash na folha de estilo. Se você encontrar um elemento no código do modelo que diz classe (como div class = ou p = classe), Procure o período na folha de estilo seguido pelo nome do selector.