Wordpress vinte quinze propriedades css e valores

propriedades CSS são atribuídos ao nome do seletor de CSS no WordPress. Você também precisará fornecer valores para as propriedades CSS para definir os elementos de estilo para o seletor CSS particular que você está trabalhando.

No padrão Vinte Quinze WordPress tema, a marcação na linha 30 no modelo de cabeçalho (header.php) é local-brandinggt;. Esta classe, com o nome Site-cabeçalho, fornece styling para o cabeçalho do site.

No padrão Vinte Quinze WordPress estilo tema, o CSS definido para o Site-cabeçalho classe é a seguinte:

.local de marcas {min-altura: 2em-padding-direita: 60 pixels; posição: relative-}

Cada propriedade CSS deve ser seguido por dois pontos (:), e cada valor CSS deve ser seguido por um ponto e vírgula (-).



O seletor CSS é .local-branding, que possui três propriedades:

  • A primeira propriedade CSS é min-altura, que tem o valor de 2em-.

    Video: Criando Botões CSS Online Para Seu Site

  • A segunda propriedade CSS é padding-right, que tem o valor 60px;.

  • A terceira propriedade CSS é posição, que tem o valor de relativo-.

    Video: WP CSS Generator PROMO

  • Confira alguns exemplos de propriedades CSS comumente utilizados e os valores.

    CSS PropertyValor CSSExemplos
    cor de fundoDefine a cor de fundo (como o vermelho, preto, ou
    branco)
    Markup: localgt;
    CSS: .site {background-color: white}
    fundoDefine uma imagem de fundo e / ou corMarkup:

    CSS: cabeçalho {background: url (images / header.jpg)
    não-repetibilidade}
    família de fontesDefine as fontes usadas para o seletorMarkup:
    CSS: body {font-family: &lsquo-Lucida
    Grande
    &rsquo-,
    Verdana, Arial, Sans-Serif-}
    corDefine a cor do textoMarkup:

    local na rede Internet
    Título


    CSS: h1 {color: blue}
    tamanho da fonteDefine o tamanho do textoMarkup:

    local na rede Internet
    Título


    CSS: h1 {font-size: 18px;}
    alinhamento de textoDefine o alinhamento do texto (esquerda, centro, direita ou
    justificado)
    Markup: localgt; ...
    CSS: .site {text-align: left;}

Publicações relacionadas