Esta semana estamos aprendendo as três partes do cliente, a base gramatical do xhtml, css e javascript.
Primeiro: Em relação aos atributos (marcas) do xhtml -
1. Atributos do formulário <form action="form handler url" method="gei/post">
2. <id="" name="">Esses dois atributos É o número de identificação exclusivo e diferença do nome do formulário De acordo com meu dever de casa pessoal e uso esta semana, ele é usado principalmente em controles como <form> <input>.
3. Atributos de controle <input>, <select> e <option>, <textarea>
é um controle definido de forma diferente do atributo type. Existem 10 tipos no total, incluindo caixa de texto, seleção múltipla e seleção de rádio. e caixa de senha. Usado para diferentes controles de acordo com diferentes necessidades.
<select> e <option> são usados juntos para controlar menus suspensos. Formato básico:
<select name="" id="">
<option value="">xx</option>
</select>
<textarea> é usado para criar uma caixa de texto multilinhas.
4. Atributos de definição comumente usados: font-family: define o estilo da fonte de toda a página; />Linha vazia&nbps ;Espaço vazio
segundo: página de controle css
1.
Regras de estilo: Ao usar o layout de estilo css, o formatobásico
é o seguinte
seletor {
atributo 1: valor 1
atributo 2: valor 2
;
em <head > Adicionar <style type="text/css"> a </head> chamará funções relacionadas ao css
2. Seletores: seletor de elemento, seletor de classe, seletor de id, seletor de inclusão, seletor de curinga e seletor de pseudo Classe e pseudo- seletores de elementos. (Para as funções e uso de cada seletor, consulte o Livro 54-56)
3. Posição da regra de estilo:
Existem três formas no total - externa, embutida e incorporada.
A conexão externa consiste em criar um arquivo .css no arquivo de mesmo nível do arquivo de página gerado e, em seguida, escrever o código de atributo efetivo na forma de texto no .css.
Eé chamado
com <link rel="stylesheet" type="text/css" ref="style sheet url"> no arquivo de página
. Este método é adequado para várias páginas usarem o mesmo estilo.Incorporar é um atributo css comumente usado, ou seja, adicionar <style type="text/css"> a <head></head> e usar
o seletor {
atributo 1: valor 1
atributo 2: valor 2
; .
}
é usado neste formato.
Inline significa usar o atributo style após o elemento para marcar o estilo quando exibido. Basicamente, a maioria das tags HTML possui atributo de estilo.
4. modelo de caixa css e sobreposição
(1) margem: borda da margem: preenchimento da borda: distância da borda (consulte o livro 53 para obter detalhes)
(2) unidade de atributo css: (consulte as páginas 57-65 do livro para obter detalhes)
(3) div -css Layout da página:
Este é o ponto principal. Não apenas o atributo <table> pode fazer o layout da página inteira, mas o <div> comumente usado é mais conveniente e conciso.
Terceiro:
Existem apenas três pontos que precisam ser dominados
na sintaxe básica e avançada do JavaScript
:1. <script type="text/javascript"> Isso é o mesmo que chamar atributos CSS.
document.write("Hello") é equivalente ao significado de printf na linguagem C e também pode ser substituído por alert.
2. Manipulador de eventos: Existem 4 pontos neste ponto de conhecimento e mais, consulte a introdução detalhada nas páginas 81-95 na árvore.
3. Sintaxe avançada: é semelhante a tipos de dados, loops, sequências e seleção na linguagem C. Existem apenas algumas diferenças:
(1) Para definir o tipo de dados, não há necessidade de defini-lo explicitamente, basta usar var.
(2) O cálculo de diferentes tipos de dados não é tão claro quanto a linguagem C. Por exemplo, var 'a' b, um tipo de caractere e um tipo de dados, também pode calcular c='a'-b.
(3) Adicionados operadores de string.
4. Chamada de função: É semelhante à linguagem C. Usarei um exemplo para ilustrar:
<!doctype html public "-//w3c//dtd xhtml 1.0 transactional//en" " http://www.w3. org /tr/xhtml1/dtd/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml " xml:lang="en" lang="en">
<cabeça>
<title>soma javascript</title>
<script type="texto/javascript">
função soma1(m){
var eu ,n=1;
para(i=1;i<=m;i++){
n=1/eu*n;
}
retornar n;
}
função soma(n){
var i,s=0;
para(i=1;i<=n;i++){
s=s+soma1(i);
}
alerta(s);
}
</script>
</head>
<corpo>
<form action="#" método="get">
1+1/2!+1/3!+1/4!....1/10!=
<input type="botão" valor="Soma" onclick="soma(10);"
</form>
</body>
</html>
Esta questão usa chamadas de função para calcular a soma. Todos deveriam ser capazes de entendê-la - -! Nosso dever de casa.
Ok, este é o meu resumo desta semana. Espero que seja útil para todos. Definitivamente, não é abrangente e é apenas para referência!