본문 바로가기
css

컨셉토스 바시코스 드 CSS

by code-box 2022. 1. 31.
  • 반응형
    Lenguaje de Hojas de Estilo in Cascada Que presentacion en el navegador de un documento escrito en formato HTML.
  • la sintaxis principle del lenguaje CSS se basa en el uso de estilo, las cuales는 HTML postorente modificar su presentacion을 허용한다.

El siguiente es un ejemplo de una regla de estilo plicada aun emlemento HTML tipo <p].

p {
    color: red;
}
  • p - 선택기
  • 색상 - 프로피다드.
  • 빨간색 - 용맹함

Cada pariad-valor se be separatear dentro de la regla de estilo mediante el carácter;의 어원이에요.

 

CSS y HTML

la estructura de un documento HTML에 존재하는 3 Formas de vincular cödigo CSS con los lementos definitos.

  • Interno - Se incluye la regla de estilo direct dentro del emlemento HTML, 하시엔도 우소 델 아티부토 스타일.
<p style="color: red;">
  • Embido - Dentro de las tiquetas del documento HTML, se inclemento cuyo couyo contenido podrá incluir reglas de Estilo CSS.
    <head>
    <style>
      p {
              color: red;
      }
    </style>
    </head>
  •  
  • 엑스터노 - 에스 라 마즈 코멘다 이 리코멘다 데 빈쿨라 코디고 CSS y HTML, quemite mediante un documento con extension .css, el cual caudiamente cosigo CSS, asociarlo web de la siguianta siguianta)이다.
<head>
    <link rel="stylesheet" href="/main.css">
      </head>

선택기 차단 e ID

Los atributos class e id permiten seleccionar un emlemento HTML para postilizarlo de la siguiente menera:

 
<h1 class="estilo-1">Encabezado</h1>
<p class="estilo-1">Hola Mundo</p>

.estilo-1 {
    color: red;
}

우나 미스마클레이스는 아소시아다에게 HTML의 배수 원소, 데 포르마탈코모, 엘엠플로 앞부분, 알테너 암보스 원소 엘 미스모 발로르 데클레이스, 엘 결과도 세라 라 아플리카시온 데 라 미스마 레글라 데 에스티요를 넘긴다.

라셀레콘 데 엘리멘토스 미드안테 이드 퍼마이트 우니치오나르 un lelemento a la vez, con lo cual multiple emlementos no deben compartir al misso vallor de id.

<p id="estilo-2">

  #estilo-2 {
      color: green;
  }

프로피다데스 CSS

 

라스는 CSS의 아들 라스 엔카가다 데 데 데 데 데 디피리오 데 에스틸로 세라 엘 알 알 아폴리카도 셀레치오나도, 페르미엔도 수식아트리부토스 이야기, 코모 엘 컬러, 타마뇨, 포지시오나미엔토 등을 예언했다.

에스틸리자르 문자

  • 글꼴 계열 - Modifica el tipo de fuente.
  • 글꼴 크기 - Modifica el Tama뇨.
  • 글꼴 스타일 - Modifica el aspecto.
  • 글꼴 무게 - modifica el peso de los caracteres.
  • 색상 - Modifica el 색상.

모델로 데 카하

라 에스트럭투라 HTML posiciona cada uno de sus eclementos si fueran cajas apiladas una la otra.
cada ellemento contiene un a seri de propiades queden ser modificadas haciendo uso de CSS.

 
  • 너비 - Ancho del elemento.
  • 높이 - Altura del emlemento.
  • 패딩 - Cantidad de espacio entre entre el contenido el emlemento y su borde.
  • 국경 - Linea qu roada coda uno de los 4 lados del Elemento.
  • 여백 - Cantidad de Espacio entre cada uno de los lementos.

댓글