Skip to content

Instantly share code, notes, and snippets.

@agustinpfs
agustinpfs / propiedades.html
Last active June 29, 2020 11:27
Propiedades CSS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Propiedades</title>
<style>
article {
background-color: gold;
font-family: Arial, Helvetica, sans-serif;
width: 300px;
@agustinpfs
agustinpfs / selector-de-clase.html
Last active June 29, 2020 11:05
Selector CSS de clase
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Selector de clase</title>
<style>
.rojo{
color:red
}
@agustinpfs
agustinpfs / selector-de-etiqueta.html
Last active July 12, 2020 14:01
Selector CSS de etiqueta
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Selector de etiqueta</title>
<style>
h1 {
color:red;
font-size: 1.5rem
@agustinpfs
agustinpfs / style.css
Created May 30, 2020 01:28
Archivo externo CSS
h1 {
background-color: violet;
}
@agustinpfs
agustinpfs / declaraciones.html
Last active July 6, 2020 14:54
Declaraciones CSS
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Declaraciones css</title>
<link rel="stylesheet" href="style.css">
<!-- url de gist "style.css": https://gist.github.com/agustinpfs/bc6f154f9be9b4c0a6844335ff5f490e -->
<style>
h1 {
background-color: cyan;
@agustinpfs
agustinpfs / sintaxis.html
Last active July 6, 2020 14:20
Sintaxis CSS
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Sintaxis css</title>
<style>
h1 {
color: red;
}
git tag -am "annotation goes here" tagname_goes_here # cut a tag
git tag -d tagname_goes_here # burn it
git tag -am "annotation goes here" tagname_goes_here # cut another tag
git push --tags # push tags to remote
git push origin :refs/tags/tagname_goes_here # delete tag from remote
<script>
function cambiaColor(color) {
if (color == 'rojo') {
document.getElementById("titulo").style.color = "red"
}else {
document.getElementById("titulo").style.color = "yellow"
}
}
</script>
@agustinpfs
agustinpfs / style.css
Created May 19, 2020 19:50
Background image coverd 100% css
<style>
body {
background: url("https://blog.selfbank.es/wp-content/uploads/2018/07/iStock-889946406-720x320.jpg") no-repeat center fixed;
background-size: cover;
}
main {
width: max-content;
margin-left: auto;
margin-right: auto;
text-align: center;
@agustinpfs
agustinpfs / style.css
Last active May 19, 2020 19:30
Background image css
<style>
body {
background: url("") no-repeat center center fixed;
background-size: cover;
}
</style>