Skip to content

Instantly share code, notes, and snippets.

@kariabancroft

kariabancroft/dabblet.css

Forked from anonymous/dabblet.css
Last active October 28, 2015 17:54
Show Gist options
  • Save kariabancroft/ddec5df91e25a9bc59bb to your computer and use it in GitHub Desktop.
Save kariabancroft/ddec5df91e25a9bc59bb to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
body {
font-family: courier, serif;
font-size: 14px;
padding: 50px;
}
div {
background: #a6adbd;
margin: 0 auto;
width: 600px;
padding:20px;
}
h1 {
color: #755f9b;
}
#para {
color: #fbb9c5;
}
p {
font-size: 18px;
}
.center {
text-align: center;
}
Raw
dabblet.html
<html>
<body>
<div>
<h1>HTML & CSS</h1>
<!-- <h2>What is HTML?</h2> -->
<p>"CSS is the best thing since sliced bread!"</p>
<p id="para">HTML stands for <strong>H</strong>yper <strong>T</strong>ext <strong>M</strong>arkup <strong>L</strong>anguage</p>
<p>It is a language used to create web page layouts. It uses "HTML tags" to tell web browsers how text, images, and other kinds of content should be arranged on the page.</p>
<h2>What is CSS?</h2>
<p>CSS stands for <strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets</p>
<p>It allows us to change the formatting and style of a web page. It controls things like colors and fonts.
<h2>Why are HTML & CSS so important?</h2>
<ol>
<li>Every single website uses them!</li>
<li>Web browsers like Chrome, Firefox, and Internet Explorer read HTML and CSS so that they know how to show the web page.</li>
<!-- <li>They are completely free to use.</li> -->
</ol>
</div>
</body>
</html>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"separate","fontsize":"110","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment