So I've started trying to learn to code the last couple of days but I keep trying something and I can't really get it to work. I tried a quick google search and I could not really find the problem. so if you have <p style="font-family: calibri;">random text</p> how would you add in a second style? I have tried doing <p style="font-family: calibri;", style="text-align: center;">random text</p> and <p style="font-family: calibri;" style="text-align: center;" but, both did not work for me. Could any of you help me with this? And major props to people that can make good looking sites from sites all I've made till now are pretty bad, haven't really started exploring CSS
Oh, is programming really hard? because in college i'll be choosing this course... i don't really know much about it. Enlighten me.
Try making a separate CSS document where you can change fonts, colors, alignment and more in one. Example: HTML: #classname{ padding:auto; height:auto; width:20%; border:inset; text-align:center; font-size:24px; background-color:#000; cursor:pointer; }
the `style` parameter is basically an in-line CSS rule. You can actually add any number of options inside of it without issue, so something like this is fine: Code: <p style="font-family: calibri; text-align: center;">random text</p> Or even Code: <p style=" font-family: calibri; /* A comment! */ text-align: center; ">random text</p> Both would give the same result. Basically, just split each "rule" with a semicolon.
Try putting this on the <head> part <style> p{font-family: calibri; text-align: center;} </style> P.S: its been a while so not sure if this is correct xP
<p style="font-family: calibri;text-align: centre; ">random text</p> I used this site at the beginning https://www.w3schools.com/css/
it's better if you start learning css for this styling. You will be using the css more in the future anyway.
Not really im just trying it out. I will say its easier and more difficult then what I first thought it would be about, for example I made a calculator and that was quite a lot different from what I had imagined. Even though I didnt have a clear view of how it would be mad before that. And great spelling and or punctuation is pretty essential.
Remember to put in the head section of the html if u want to use an external css file Code: <head> <link rel="stylesheet" type="text/css" href="nameofyourcss.css"> </head> In the css u can use # when u want to define a rule for an id example HTML: #list{ font-famility: calibri; color: green; size: 24px; } then in the html u write like this HTML: <ul id="list"> <li>element</li> <li>element2</li> </ul> this way the css know that u are refererring to a certain item in the html If u want to define a class u have to put the . before the name of the class in the css HTML: .classname{ size: 45px; width: 80%; border: 1px solid black; margin: 10%; } Then put the class into the html HTML: <p class="classname" >test here</p> if u want to give a general definition for the style of the page u can refer to the type of elements For example if u want the background red HTML: body{ background-color: red; } or all the paragraphed text in green HTML: p{ color: green; } Rember that the priority for the css are like this: general tag definition->class definition->id definition And inline css has priority over the external css file Sorry for the bad English
I strongly advise against in-line styling of individual elements inside the HTML. It's one thing if you've already built CSS files and your website is styled properly, then you happen to use the style attribute of an element to quickly change text. Otherwise, you're going to be essentially hammering your foot later when you realize that not separating out your presentation from your content is resulting in a mess that you spend hours or days trying to figure out why something is happening that you had no intention to occur. Look into this book. It's easily explained and teaches you good habits for learning HTML and CSS through practical tutorials.
Ok. But it just much better to get a book that have teach both html and css so you won't have any difficulty in styling. styling in html is unnecessary. You can learn it, but it become obsolete when you learn css.
I would say it's not that hard and it can be very interesting at times. What is a bit more difficult is the math part of it. I did take this course in college and had lots of math as well and I really hate math and for many problems in programming you actually do need math. I disagree with this. I think that for learning it's best if he starts with HTML and have some inline style at the beginning because then it'll be easier for him to learn and use CSS because he already learned some if not most of the parameters.