Tip:
Highlight text to annotate it
X
>> COLUMNA: Entón, en realidade, non é o mellor proxectar para mesturar CSS con HTML.
Pola contra, é mellor levar o seu CSS, poñelas en algún lugar central e
dalgunha forma, aplicala lo á etiquetas na súa páxina web.
Para conseguir isto, podemos realmente deixar usar o atributo de estilo e, en vez
use unha marca de estilo, que pertence ao cabeza dunha páxina web xunto, para
exemplo, o seu título.
>> Imos tentar dar un regalo e re-aplicar unha páxina para John Harvard
usar a etiqueta Style.
Eu xa chegou nos iniciados aquí con tres divs para
Páxina de inicio de John Harvard.
Pero primeiro imos agora vaia este primeiro div e engadir un novo atributo,
nomeadamente ID, e especificar que unha única identificador para este div especial
debe ser, por exemplo, entre comiñas "Top", un nome arbitrario, senón
descritiva na medida en que este é div de feito na parte superior da miña páxina.
>> Á seguinte div, imos darlle un ID diferente de entre comiñas
"Media", e imos dar a terceira div un ID de entre comiñas "de abaixo". Nós
Agora temos tres identificador único ao cal podemos aplicar algunhas CSS
propiedades, pero en primeiro lugar, do retorno deixar na cabeza da páxina.
Logo enriba do título aquí, eu vou vai adiante e definir o estilo
e pecha o estilo.
>> Dentro deste momento, eu estou indo a definir algunhas propiedades CSS, é dicir, a
mesmos que eu xa tiña en Estilo atributos, pero aquí van ser
definido de forma centralizada.
Para iso, eu vou especificar a libra símbolo seguido de arriba, así
especificando que o seguinte CSS propiedades deben ser aplicadas a calquera
Elemento HTML ten o único identificador de arriba.
Estou pasando entón a ter algún aberto e claves pechadas, e eu vou
especificar, por exemplo, o tamaño da fonte debe ser 36 píxeles, o peso da fonte debe ser ousado.
>> Para manter as cousas limpas, eu estou poñendo cada destas propiedades agora na súa propia
liña, pero iso é só un convenio estilística.
Debaixo diso, imos agora configurar outra selector, por así dicir.
Este para a etiqueta HTML que ten identificador único de medio.
E, aquí, imos especificar un tamaño de fonte de 24 píxeles, que a continuación doutra
selector para abaixo, e dentro de que, imos especificar un
tamaño do tipo de letra de 12 píxeles.
>> Imos agora gardar, cambiar os permisos , E cargar a páxina nun navegador,
chmod a + r css-1.html.
Imos abrir Chrome e visitar http://localhost/css-1.html.
Non é malo.
Exactamente como eu pretendía, pero gustaríame levar as cousas un paso adiante agora e
O texto de centro John Harvard.
Agora, para facelo, eu podería implicar o páxina enteira nun div como eu
fixen un exemplo anterior.
Ou podo ser máis intelixente e entender que todos estes están no interior de divs
o corpo da miña páxina, entón por que non se aplica só unha ou máis propiedades CSS para o corpo
marcar a si mesmo?
>> Para iso, imos facelo.
Imos volver para gedit aquí.
Imos rolar para atrás ata a etiqueta estilo, e imos especifica un selector
usando esa etiqueta nome, Corpo.
Debaixo diso, imos poñer as nosas claves seguido polo centro text-align.
Imos agora gardar a páxina e volver cargar lo dentro dese navegador.
Actualizar en Chrome, e listo.
Agora temos páxina de John Harvard centrado como pretendiamos.