marklogo/IFCD0210
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Dia 10

Browse Source
This commit is contained in:
Marklogo 2023-12-01 12:19:16 +01:00
parent aabfb48f7a
commit db24242572
6 changed files with 118 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
Practicas/Practicas CSS/Introdución a CSS.txt Normal file
View File

@ -0,0 +1,85 @@
*********Donde podemos colocar el CSS*************
*En las etiquetas
<span style="font-weight: bold"> negrita </span>
**En la cabecera del HTML (Incrustados)
<head>
<style type= "text/CSS" >
</style>
</head>
***Hoja enlazada
<head>
<link rel= "stylesheet" type= "text/css" href="css/estilos.css" title= "default" media= "screen" >
</head>
**************Cabecera hoja de estilos CSS************
@charset "UTF-8";
*********Reset Navegadores**************
*{
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
border: none;
outline: none;
}
****************Regla CSS**************
p {
text-align: justify;
font-size: 16px;
}
*********Comentarios******************
/* Esto es un comentario */
***************Selectores CSS****************
* universal
.Clase
#Id
etiqueta (agrupamiento p,div,a)
**Selectores contextuales
p span descencendente
p>span hijo directo
p+span hermanos
***Pseudoclases
• :first-child
• :link y :visited (enlaces)
• :hover, :active y : focus
*************Herencia de propiedades**********
El valor e specificado substituye el valor heredado.
Prevalecen las propiedades con reglas más específicas.
Prevalece la última.
Prevalece autor - usuario
P { font-size: 14px !important }
*************

1
Practicas/Practicas HTML/Repaso/contacto/contacto.html
View File

@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/style.css">
<title>Contacto</title>
</head>
<body

19
Practicas/Practicas HTML/Repaso/css/style.css Normal file
View File

@ -0,0 +1,19 @@
@charset "UTF-8";
* {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
border: none;
outline: none;
}
h2{
text-decoration: underline overline red;
}
dl{
margin-left: 50px;
}
p{
padding: 0.5rem;
}

1
Practicas/Practicas HTML/Repaso/index.html
View File

@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/style.css">
<title>Inicio</title>
</head>

21
Practicas/Practicas HTML/Repaso/productos/productos.html
View File

@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/style.css">
<title>Productos</title>
</head>
@ -31,7 +32,7 @@ font-family: Arial, Helvetica, sans-serif;">
servicio completo con tendido y compactado.</p>
<h2 style="color: #1a89dc; text-align: center;">Nuestras especialidades</h2>
<ul style="color: #1a89dc; width:300px; margin: auto;">
<ul style="color: #1a89dc; width:300px; margin: auto; font-weight: bold;">
<li>Diseños arquitectónicos.</li>
<li>Diseños estructurales.</li>
<li>Diseños hidráulicos.</li>
@ -46,12 +47,12 @@ font-family: Arial, Helvetica, sans-serif;">
</ul>
<br>
<table align="center" style="width:100%; color: #1a89dc;font-weight: bold; text-align: center;">
<table align="center" style="width:90%; color: #1a89dc;font-weight: bold; text-align: center;">
<tr>
<td><img style="width:75%;"src="../imagenes/vidrio.jpg" alt="Vidrio"></td>
<td><img style="width:75%;"src="../imagenes/carpinteria.jpg" alt="Carpintería"></td>
<td><img style="width:75%;"src="../imagenes/ceramica.jpg" alt="Ceramica"></td>
<td><img style="width:75%;" src="../imagenes/fontaneria.jpg" alt="Fontaneria"></td>
<td><img style="width:75%; max-width: 250px;" src="../imagenes/vidrio.jpg" alt="Vidrio"></td>
<td><img style="width:75%; max-width: 250px;" src="../imagenes/carpinteria.jpg" alt="Carpintería"></td>
<td><img style="width:75%; max-width: 250px;" src="../imagenes/ceramica.jpg" alt="Ceramica"></td>
<td><img style="width:75%; max-width: 250px;" src="../imagenes/fontaneria.jpg" alt="Fontaneria"></td>
</tr>
<tr align="center">
<td>Vidrio</td>
@ -60,10 +61,10 @@ font-family: Arial, Helvetica, sans-serif;">
<td>Fontaneria</td>
</tr>
<tr>
<td><img style="width:75%;" src="../imagenes/aislantes.jpg" alt="Aislamientos"></td>
<td><img style="width:75%;" src="../imagenes/fundicion.jpg" alt="Forjados"></td>
<td><img style="width:75%;" src="../imagenes/jardineria.jpg" alt="Trabajos de jardineria"></td>
<td><img style="width:75%;" src="../imagenes/terrazos.jpg" alt="Pavimentos"></td>
<td><img style="width:75%; max-width: 250px;" src="../imagenes/aislantes.jpg" alt="Aislamientos"></td>
<td><img style="width:75%; max-width: 250px;" src="../imagenes/fundicion.jpg" alt="Forjados"></td>
<td><img style="width:75%; max-width: 250px;" src="../imagenes/jardineria.jpg" alt="Trabajos de jardineria"></td>
<td><img style="width:75%; max-width: 250px;" src="../imagenes/terrazos.jpg" alt="Pavimentos"></td>
</tr>
<tr align="center">
<td>Aislamientos</td>

1
Practicas/Practicas HTML/Repaso/servicios/servicios.html
View File

@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/style.css">
<title>Servicios</title>
</head>