Simples de entender e usar CSS

CSS (Cascading Style Sheets) Cascading Style Sheets

  Papel: para embelezar a página e não o limite de tamanho de fonte modificado

  código de estilo CSS escrito em </ style> marcas, </ style> tag <style> <style> tag é colocado no <head>

  especificação do formato:

Selecionando o nome do atributo {name: Propriedade Valor; nome da propriedade: Propriedade Valor; ..............} 
Selector: estilo css Especifica que atua na tag html
se uma pluralidade de valores de atributos em seguida, separados por um espaço

comentários CSS: notas de rodapé / * CSS * /

seletores CSS: elemento selector, seletor de classe, seletor id

== :( elemento de elemento selector tag) para o código de estilo CSS correspondente à etiqueta é aplicada à etiqueta de nome

classe Selector: atributo de classe

formato:

. ......... {} nome da classe 
fonte: 
    < extensão classe = "nome da classe" > XXXX </ palmo >

id seletor: valor do atributo id deve ser característica única desta página: Aglomeração mais direcionado

formato:

valores #id {....} 
Código Fonte: 
    < extensão ID = "Valor de ID" > XXXX </ palmo >

 

O selector de modo de ligao de base: hierarquia

formato:

  Selector Selector 1 2 ..... ............ {} significa: 1 seletor de seleção a 2

 

propriedades de fronteira: todas as tags HTML têm uma fronteira, a fronteira não é visível por padrão

Formatar as fronteiras: cor, estilo largura

estilo de linha: linhas sólidas sólidos, nenhum sem limites, double double

configurações de cor de fundo em duas maneiras: 1 2. Inglês formato de código de cor palavra: # RGB cada cor é representado por dois dígitos hexadecimais

Por exemplo: # ff1100 Red: ff; Verde: 11; azul: 00 (para a cor fine-tuning)

 

flutuar propriedade float:

Formato: Selector {float: Propriedade Valor}

valor do atributo comum: nenhum não flutuar elemento (o padrão), deixou elementos flutuando à esquerda, elementos direita direita flutuantes

 

propriedade de exibição: que a linha elemento de conversão entre o elemento interior e os elementos de bloco

Formato: Selector {dispaly: Propriedade Valor}

Comum Propriedade Valor: elementos de bloco, inline:: Bloco de elementos inline, none: Este elemento está escondido, não ocupa a exibição espaço da página

 

Estilo da fonte: font-size para definir o tamanho da fonte, cor da cor da fonte

 

modelo de caixa CSS:

Css definição do tamanho do quadro: border-top: xx; border-bottom: xx; border-left: xx; border-right: xx

Preenchimento padding: fronteira css de dentro do conteúdo do corpo

格式: padding-top: xx; padding-bottom: xx; padding-left: xx; padding-right: xx

margem margem: fronteira css e de fronteira

格式: margem -top: xx; margin-bottom: xx; margin-left: xx; margin-right: xx

 

Os estilos CSS e combinação html maneiras:

Estilo Interno:

  (Para alvo) estilo interno: elemento de estilo, definindo o atributo de estilo

   exemplo:

< Um estilo = "xxxx: xxxx"; > Xxxxxxxxxx </ a >

  (Adequado para reutilização na página) moda rótulo

  exemplo: 

< Estilo > xxxxxxxxxxxxxx </ estilo >

estilo externa:

estilo externo: <link /> , também conhecido como chain-in, é colocado em todos os estilos para um ou mais externo nome do arquivo folha de estilo CSS para expandir por <link /> tag está ligado ao estilo de documento html no.

Formato: <link rel = "este estilo" type = "text / css" href = "caminho do arquivo CSS" />

rel = "stylesheet" valor fixo indica folha de estilo

digite "text / css" = um valor fixo indica o tipo css

href representa local do arquivo css

 

Estes são a introdução básica de css. Nota: só é adequado para as pessoas entenderem o css backend, o pessoal de front-end não é adequado, porque não suficientemente abrangente.

                                               Vamos lá!

                                         Time: 2020/03/20 01:15:44

Acho que você gosta

Origin www.cnblogs.com/Charles-H/p/Learning_CSS.html
Recomendado
Clasificación