Skip to main content
se añadieron 60 caracteres en el cuerpo
Origen Enlace
Bender Paisa
  • 12.5k
  • 4
  • 28
  • 42

Ahora como recomendación te digo que es mejor agregar ese font-size directamente a la etiqueta <a> que es la que contiene el texto ya que al hacerlo en el div#header sería muy genérico y podría afectar otros textos que tuvieras dentro del div.

Ahora como recomendación te digo que es mejor agregar ese font-size directamente a la etiqueta <a> que es la que contiene el texto ya que al hacerlo en el div#header sería muy genérico.

Ahora como recomendación te digo que es mejor agregar ese font-size directamente a la etiqueta <a> que es la que contiene el texto ya que al hacerlo en el div#header sería muy genérico y podría afectar otros textos que tuvieras dentro del div.

Origen Enlace
Bender Paisa
  • 12.5k
  • 4
  • 28
  • 42

Lo único que te faltaba para que los estilos de tu cambio de tamaño de texto funcionaran era agregar la unidad de medida, tenias un font-size: 7 pero te falto agregar la unidad de medida que ibas a usar para ese tamaño como por ejemplo px.

Ahora como recomendación te digo que es mejor agregar ese font-size directamente a la etiqueta <a> que es la que contiene el texto ya que al hacerlo en el div#header sería muy genérico.

/* LA VERDAD ES QUE FUNCIONA CASI TODO GRACIAS A LOS RETOQUES DE Camilo Vasquez, Alvaro Montoro*/
html, body {
    height:100%;
    margin:0px;
    color:#444444;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    font:400 16px/1.8 sans-serif;
    }
    
    .nav-navbar-nav{
        font-size: 5;
    
    }
    .bgimg-1, .bgimg-2, .bgimg-3 {
    position:relative;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center;
    background-size:cover;
    }
    .bgimg-1 {
    background-image:url("http://i64.tinypic.com/2jb5fs4.jpg");
    height:100%;
    }
    .bgimg-2 {
    background-image:url("http://i64.tinypic.com/2jb5fs4.jpg");
    height:100%;
    }
    .bgimg-3 {
    background-image:url("../imagenes/bg_03.jpg");
    height:100%;
    }
    .caption {
    position:absolute;
    left:10%;
    top:48%;
    width:80%;
    margin:auto;
    color:#FFFFFF;
    font-size:24px;
    text-align:center;
    letter-spacing:10px;
    background-color:#444444;
    }
    h2 {
    text-transform:uppercase;
    font:20px sans-serif;
    letter-spacing:4px;
    color:#444444;
    }
    a {
    text-decoration:none;
    letter-spacing:3px;
    }
    .navbar-nav{
      margin-left: 5% !important;
    }
    
    #header{
      position: fixed;
      width: 100%;
      z-index: 1000;
    }
    
    .navbar{
      margin-bottom: 0px !important;
    }
    
    .navbar ul li a{
      font-size: 12px
    }
<!DOCTYPE html>
<html lang="es">

<head>
    <title>PRINCIPAL</title>
    <meta charset="utf-8">
    <meta name="robots" content="noindex, nofollow">
    <meta name="viewport" content="width=device-width">

    <!-- ESTOS ENLACES LES TENGO GRACIAS A Camilo Vasquez me sugirio para crear barra de navegacion-->
    
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href="css/todo.css" type="text/css" rel="stylesheet">
</head>
<!-- AQUI TAMBIEN FORMO PARTE Camilo Vasquez AYUDANDO ME CON LOS BOTONES DE LA BARRA DE NAVEGACION-->
<body>
    <header id="header">
        <nav class="navbar navbar-inverse" role="navigation">
            <div class="container">
                <!-- Logo and responsive toggle -->
                <div class="navbar-header">

                    <a class="navbar-brand" href="#">
                        <span class="glyphicon glyphicon-fire"></span>
                      MIGUEL ESPESO
                    </a>
                </div>
                <!-- Navbar links -->
                <div class="collapse navbar-collapse" id="navbar">
                    <ul class="nav navbar-nav">
                        <li class="active">
                            <a href="#">PRINCIPALES</a>
                        </li>
                        <li>
                            <a href="#">CONTACTO</a>
                        </li>
                        <li>
                            <a href="#">APLICACIONES</a>
                        </li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">SOBRE MI
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a target="_blank" href="estudios.html">CURRICULUM</a>
                                </li>
                                <li>
                                    
                                    <a target="_blank" href="proyectos.html">LOGROS</a>
                                </li>
                                <li>
                                    <a href="#">Diseño</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <!-- Search -->
                    <form class="navbar-form navbar-right" role="search">
                        <div class="form-group">
                            <input type="text" class="form-control">
                        </div>
                        <button type="submit" class="btn btn-default">Buscar</button>
                    </form>

                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container -->
        </nav>
    </header>
    <div class="bgimg-1">
        <div class="caption">
            <span>DALE AL SCROLL</span>
        </div>
    </div>

    <div style="color:#444444;background-color:#FFFFFF;text-align:center;padding:48px 80px;text-align:justify;">
        <h2 style="text-align:center;">CURRICULUM</h2>
        <h1>BIENVENIDOS A MI SITIO WEB...</h1>
        <p>Hola, me llamo Miguel y os voy a presentar mi sitio web, el cual estoy creando mientras realizo un curso de actívate. 
         En principio esta creado para mostrar mi perfil, experiencia laboral, formación académica y todos los conocimientos que 
         vaya adquiriendo en el curso. </p>
    </div>

    <div class="bgimg-2">
        <div class="caption">
            <span>100% HEIGHT</span>
        </div>
    </div>

    <div style="position:relative;">
        <div style="color:#FFFFFF;background-color:#444444;text-align:center;padding:48px 80px;text-align:justify;">
            <p>ESTO IRA MEJORANDOSE, SEGUN VAYA EXPERIMENTANDO</p>
        </div>
    </div>

    <div class="bgimg-3">
        <div class="caption">
            <span>MAS IMAGENES</span>
        </div>
    </div>

    <div style="position:relative;">
        <div style="color:#444444;background-color:#FFFFFF;text-align:center;padding:48px 80px;text-align:justify;">
            <p>AQUI PONDRE IMAGENES, CUANDO VAYA APRENDIENDO</p>
        </div>
    </div>

    <div class="bgimg-1">
        <div class="caption">
            <span>¡DIVERTIDO, EH!</span>
        </div>
    </div>
</body>

</html>