{"id":25,"date":"2007-01-06T07:50:27","date_gmt":"2007-01-06T06:50:27","guid":{"rendered":"http:\/\/www.loretahur.es\/AprendiendoCSS\/sintaxis\/"},"modified":"2007-01-02T00:22:51","modified_gmt":"2007-01-01T23:22:51","slug":"sintaxis","status":"publish","type":"post","link":"http:\/\/www.loretahur.net\/AprendiendoCSS\/sintaxis\/","title":{"rendered":"Sintaxis"},"content":{"rendered":"<p>Las hojas de estilo est\u00e1n basadas en <strong>reglas<\/strong>. Como ya <a href=\"http:\/\/www.loretahur.es\/AprendiendoCSS\/como-tratan-los-navegadores-a-las-paginas-web\/\">comentabamos antes<\/a>, estas reglas se van evaluando de forma secuencial, de arriba hacia abajo.<\/p>\n<p>Las reglas est\u00e1n formadas por un <strong>selector<\/strong> seguido de un bloque de <strong>declaraciones<\/strong>:<\/p>\n<blockquote><p>\n<strong>Selector <\/strong>{<br \/>\n\tpropiedad : valor;<br \/>\n\tpropiedad : valor;<br \/>\n\t&#8230;<br \/>\n}<\/p><\/blockquote>\n<p>Ejemplo:<\/p>\n<blockquote><p>\n<strong>body <\/strong>{<br \/>\n        color: #999999;<br \/>\n\tfont-family: Verdana, Arial, Helvetica, sans-serif;<br \/>\n\tfont-size: 10px;<br \/>\n}<\/p><\/blockquote>\n<p>Como vemos, cada declaraci\u00f3n consta de una propiedad separada de su valor por el car\u00e1cter \u00ab<strong>:<\/strong>\u00ab. A su vez, se pueden definir varias declaraciones para el mismo selector separadas por el car\u00e1cter \u00ab<strong>;<\/strong>\u00ab, formando  un bloque  de  declaraciones.<\/p>\n<p>Tambi\u00e9n tenemos la opci\u00f3n de aplicar un mismo bloque de declaraciones a varios selectores:<\/p>\n<blockquote><p><strong>h1, h2<\/strong> {color: green }<\/p><\/blockquote>\n<p>En el pr\u00f3ximo post analizaremos m\u00e1s a fondo c\u00f3mo pueden ser esos selectores, propiedades y valores.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Las hojas de estilo est\u00e1n basadas en reglas. Como ya comentabamos antes, estas reglas se van evaluando de forma secuencial, de arriba hacia abajo. Las reglas est\u00e1n formadas por un selector seguido de un bloque de declaraciones: Selector { propiedad : valor; propiedad : valor; &#8230; } Ejemplo: body { color: #999999; font-family: Verdana, Arial, [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"_links":{"self":[{"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/posts\/25"}],"collection":[{"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":0,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/posts\/25\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/media?parent=25"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/categories?post=25"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/tags?post=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}