issues
search
juantime23
/
html
0
stars
0
forks
source link
issues
Newest
Newest
Most commented
Recently updated
Oldest
Least commented
Least recently updated
style.css
#60
juantime23
opened
3 years ago
0
styles.css margin: 100px 50px 200px 50px margin: 100px 50px 200px margin: 100px 50px margin goes in the order of a clock top right bottom left. if i took the last one its going to use the 50 for both the left and right. so it would be 100 on the top and 50 on the left and right. and 200 on the bottom
#59
juantime23
opened
3 years ago
0
styles.css a:hover {color:white;} if you want to show that your anchor tags are clickable by making it have a different color when you press on it.
#58
juantime23
opened
3 years ago
0
styles.css a { text-decoration: none; } if you want to get rid of the underline of Facebook ,twitter and website you can do that by changing the text decoration .the browser automatically makes it underlined for all anchor tags so it automacally does it.
#57
juantime23
opened
3 years ago
0
styles.css padding: 50px 0 20px; 50 pixels up top, 0 left and right and 20 pixels at the bottom to full the bottom of a page
#56
juantime23
opened
3 years ago
0
Index. html <p class="code-skills-description"> I started </p> styles.css .code-skill {clear: left;} it goes inside the p for paragraph but you first remove this thing> and move at the end of the apostrophe like this ''> . this code is to push the paragraph below the image if you don't want the paragraph below the heading but instead below the image.
#55
juantime23
opened
3 years ago
0
styles.css float: left; margin-right: 30px cellspacing a text from an image
#54
juantime23
opened
3 years ago
0
styles.css text-align: left; move a text from the center to the left
#53
juantime23
opened
3 years ago
0
style.css font-weight: lighter; it sets the weight (or boldness) of the font.
#52
juantime23
opened
3 years ago
0
style.css line-height: 2; It's commonly used to set the distance between lines of text
#51
juantime23
opened
3 years ago
0
styles.css color: #66BFBF; how to change the color of your text. But must be implenmented in the body of css
#50
juantime23
opened
3 years ago
0
styles.css font size: 5.625rem; the beauty of rem; is that it does not get affected by any changes. its easier to debug and its less likely that something will go wrong
#49
juantime23
opened
3 years ago
0
Styles.css font-size 90px; font-size 100%; font-size 2em; and this is not a dynamic size. so in order to make it dynamic, there's 2 options. instead of using pixels we can use something like a percentage o r something em. 100% percent in terms of fonts size is actually a 16 pixie size so that means if we want 90 pixels, so that means 90 divided by 16 is 562.5 percent to get the equivalent of 90 pixels. another way of specifying a dynamic by using a unit called the M. one em is 16 pixies.
#48
juantime23
opened
3 years ago
0
index.html <img src="img url" alt=""> styles.css img { border-radius: 50%; } to make a make an image round or in a circle.
#47
juantime23
opened
3 years ago
0
Index.html style="width:500px;height:600px;"> or you can do just the width: 25%; on css to resize o enlarge an image.
#46
juantime23
opened
3 years ago
0
Photobucket.com it’s a good website to upload images of your self that don’t have url.
#45
juantime23
opened
3 years ago
0
styles.css body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif } if you choose the fonts that most people choose then you have the maximum chance of your fonts not changing but no fonts are 100% safe. that's why you need a stack of fall backs.
#44
juantime23
opened
3 years ago
0
Index.htm <div> <h1>text</h1> </div> styles.css h1 { width: 10%; margin: 0 auto;} 0 for the top and bottom and auto for the left and right . if it is a block element and it has a width set, then you're going to have to have to center it using this. by saying that the top and bottom needs to be zero and the left and right needs to be auto
#43
juantime23
opened
3 years ago
0
Index.html <div> <h1>text</h1> </div> styles.css h1 { margin-top: 0; text-align: center; } </div> another way to align everything in the center as long it doesnt have a width set
#42
juantime23
opened
3 years ago
0
Index.html <div> <img src="" alt=""> </div> styles.css position: relative; height: 100px; width: 100px; left: 200px; top: 10px;} how to move an image or position an image or a paragraph
#41
juantime23
opened
3 years ago
0
index. html <body> <div class="red"> </body> Styles.css .red { height:100px; width: 100px; background-color: red; position: relative; left: 200px; top: 200px; } </div>
#40
juantime23
closed
3 years ago
0
When you are designing a website keep in mind those five things: hierarchy, layout, alignment, white space and your audience
#39
juantime23
opened
3 years ago
0
Index. html <p class="second-p">World</p> styles.css .second-p { display: none;} or .second-p { visibility: hidden;} to hide an element or to make it invisible
#38
juantime23
opened
3 years ago
0
Index.html Part 2 <p> Hello</p> <P> World</p> <P> World</p> styles.css p {background-color: red; width: 100px; display: inline-block;} this gives the best of both world. where you can line then up horizontal and width
#37
juantime23
opened
3 years ago
0
Index.html Part 1 <p> a <span class="pro">pro</span> </p> style.css .pro { text-decoration: underline;} span allows us to select or highlight or format it different style. with inline element you can't change the width like you can with block element. span lets you write as many words horizontally unlike <p>
#36
juantime23
opened
3 years ago
0
index. html <body> <div class="text"> <img src="" alt> </div> </body> {background-color: red;} border: 10px;} width: 200px; height: 200px;} padding: 20px;} margin: 500px;} a div is a box that allows you to position your image or your paragraph however you want them and it goes inside the body
#35
juantime23
opened
3 years ago
0
Index.html <div class=“top-container”> <h1> im a programmar </h1> </div> styles.css .top-container {background-color: red;} border: 10px; width: 200px; height: 200px; paddingt: 20px; margin: 500px;}
#34
juantime23
closed
3 years ago
0
Index.html <head> <link rel=“icon” href=“css url”> </head> to make your own logo on your website and it goes inside the head
#33
juantime23
opened
3 years ago
0
Styles.css Img:hover { background-color: red;} so the back of the image changes color when you press on it
#32
juantime23
opened
3 years ago
0
Index.html class=“broccoli circular “ styles.css .circular {border-radius: 100%;} you can add up 2 class in a class
#31
juantime23
opened
3 years ago
0
styles.css h1 {color: red; font-size: 100px;}
#30
juantime23
opened
3 years ago
0
index.html Id=“text”> styles.css #heading {color: blue;} you can only id in one place to specified single element
#29
juantime23
opened
3 years ago
0
index.html class=“text” styles.css .bacon {backgroud-color: green;} class is to be more specific on what you want to change
#28
juantime23
opened
3 years ago
0
styles.css if you want to change style body {background-color: ex red; or hex#EAF6F6; border-style: ex dotted; height: ex 2px; width: % or pixel; or font-size: 200px;}
#27
juantime23
opened
3 years ago
0
index.html ex cellspacing="20" it sets space between the table and the letters
#26
juantime23
opened
3 years ago
0
HTML stand for Hyper text markup language
#25
juantime23
opened
3 years ago
0
HTML is the foundation of all website you won’t see website created just css of JavaScript but you will see websites created of just HTMl
#24
juantime23
opened
3 years ago
0
CSS meaning selector {property: value;} who? what? how? ex body ex color ex red
#23
juantime23
opened
3 years ago
0
index.html and styles.css <link rel=“stylesheet” href=“ css url”> so every page looks the same ex body background color
#22
juantime23
opened
3 years ago
0
styles.css <head> <style> if you want to change style body {background-color: ex red; or hex#EAF6F6; border-style: ex dotted; height: ex 2px; width: % or pixel;} </style> </head>
#21
juantime23
opened
3 years ago
0
<lable>text</lable>
#20
juantime23
opened
3 years ago
0
index.html where you want the emails to go <form class=“ action =“mailto:espinozajuan81@yahoo.com” method=“post”
#19
juantime23
opened
3 years ago
0
index.html Submit button <input type=“submit” name””>
#18
juantime23
opened
3 years ago
0
index.html big box for comment <textarea name=“your message” rows=“10” cols=“30”></textarea>
#17
juantime23
opened
3 years ago
0
index.html sign in form <form class=“” action=“index.html” method=“post” > <label>text</label> <input type=“text” name=“” value “”> <lable>password</label> <input type="password" name="> </form>
#16
juantime23
opened
3 years ago
0
For emojis press control+command+space
#15
juantime23
opened
3 years ago
0
index.html <table cellspacing=“size”> it’s so the letters are not touching the image
#14
juantime23
opened
3 years ago
0
Deprecated- no longer being used
#13
juantime23
opened
3 years ago
0
index.html How to create a table <table> <thead> <tr> means table row <th>text</th> means table header </tr> </thead> <body> </body> <tfoot>means table foot </tfoot> </table>
#12
juantime23
opened
3 years ago
0
index.html <br> Break line for creating space
#11
juantime23
opened
3 years ago
0
Next