{"id":4880,"date":"2018-12-05T09:00:37","date_gmt":"2018-12-05T08:00:37","guid":{"rendered":"https:\/\/blogs.ua.es\/pi\/?p=4880"},"modified":"2020-05-21T18:02:24","modified_gmt":"2020-05-21T16:02:24","slug":"cosas-de-css-que-se-pueden-aprender-en-30-segundos","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/pi\/2018\/12\/05\/cosas-de-css-que-se-pueden-aprender-en-30-segundos\/","title":{"rendered":"Cosas de CSS que se pueden aprender en 30 segundos"},"content":{"rendered":"

Muy \u00fatil el sitio web 30 Seconds of CSS<\/a>.<\/p>\n

Por ejemplo, \u00bfc\u00f3mo truncar una l\u00ednea de texto para poner al final una elipsis?<\/p>\n

HTML:<\/p>\n

<p class=”truncate-text”>If I exceed one line’s width, I will be truncated.<\/p><\/p>\n

CSS:<\/p>\n

.truncate-text {
\noverflow: hidden;
\nwhite-space: nowrap;
\ntext-overflow: ellipsis;
\nwidth: 200px;
\n}<\/p>\n

\u00bfC\u00f3mo hacer una lista con dise\u00f1o de color zebra?<\/p>\n

HTML:<\/p>\n

<ul>
\n<li>Item 01<\/li>
\n<li>Item 02<\/li>
\n<li>Item 03<\/li>
\n<li>Item 04<\/li>
\n<li>Item 05<\/li>
\n<\/ul><\/p>\n

CSS:<\/p>\n

li:nth-child(odd) {
\nbackground-color: #eee;
\n}<\/p>\n","protected":false},"excerpt":{"rendered":"

Muy \u00fatil el sitio web 30 Seconds of CSS. Por ejemplo, \u00bfc\u00f3mo truncar una l\u00ednea de texto para poner al final una elipsis? HTML: <p class=”truncate-text”>If I exceed one line’s width, I will be truncated.<\/p> CSS: .truncate-text { overflow: hidden; …<\/p>\n

Cosas de CSS que se pueden aprender en 30 segundos<\/span> Leer M\u00e1s »<\/a><\/p>\n","protected":false},"author":40,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[1536],"class_list":["post-4880","post","type-post","status-publish","format-standard","hentry","category-general","tag-aprender"],"_links":{"self":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts\/4880","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/comments?post=4880"}],"version-history":[{"count":1,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts\/4880\/revisions"}],"predecessor-version":[{"id":4881,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/posts\/4880\/revisions\/4881"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/media?parent=4880"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/categories?post=4880"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/pi\/wp-json\/wp\/v2\/tags?post=4880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}