Quote from swindle: March 14, 2014, 01:54:38 pmJust did the first lesson I'm now a webmaster and can HTML in my sleep.Hire me - 6 figures and we can talk.This is all web developers.
Just did the first lesson I'm now a webmaster and can HTML in my sleep.Hire me - 6 figures and we can talk.
Fucking jesus man. HTML and CSS. Intense.For someone who has never played with it/tried actually using it before. Pretty cool though how that all works.
Just remember. Coding isn't hard. It's just logic in a specific syntax. Just gotta stick at it until you're comfortable.Then you can get into more advanced stuff like patterns, etc. But don't worry about that yet.
Remember, you can reach an element that is a child of another element like this:div div p { /* Some CSS */ }where in this case, we'd be grabbing any <p> that is nested somewhere inside a <div> that is nested somewhere inside another <div>. If you want to grab direct children—that is, an element that is directly nested inside another element, with no elements in between—you can use the > symbol, like so:div > p { /* Some CSS */ }This only grabs <p>s that are nested directly inside of <div>s; it won't grab any paragraphs that are, say, nested inside lists that are in turn nested inside <div>s.
<!DOCTYPE html><html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css"/> <title>Ultimate Text Challenge</title> </head> <body> <p>Introduction: Cascading with CSS</p> <div> <p>Synopsis: When you set a property of a selector like 'p' to a certain value, that value applies to <em>all</em> p tags. If, however, you change that same property to a different value for a more specific instance of p, that change will <em>override</em> the 'general rule'. </p> <ul> <li><p>If you say p { font-family: Garamond}, all 'p's will have the font Garamond.</p></li> <li><p>BUT if you say li p {font-family: Verdana}, 'p's outside of 'li's will be in Garamond, and 'p's INSIDE 'li's will be in Verdana. </p></li> <li><p>The more specific your selectors are, the higher importance CSS gives to the styling you apply!</p></li> </ul> </div> <p>Summary: Greater specificity makes CSS prioritize that particular styling.</p> </body></html>
/*Add your CSS below!*/p { font-family: Garamond;}body p { font-weight: bold;}ul li { color: #000000;}li p { text-decoration: underline; color: #00000;}div p { color: #7ac5cd;}
Make all <p> tags have a font-family of Garamond. (Do NOT use the universal selector for this! There's a better way; see the Hint for help.)Make the introduction paragraph and the summary paragraph have a font-weight of bold (this is a new property for you, but it works just like the others you've learned).Make the synopsis paragraph have the color #7AC5CD.Make the paragraphs in the unordered list have the color #000000 and text-decoration underline.
Oops, try again. Did you remember to make the paragraphs inside <li> tags have color #000000;?
li p { text-decoration: underline; color: #00000;
Quote from Spacemonkey: March 14, 2014, 03:45:14 pmQuote from swindle: March 14, 2014, 01:54:38 pmJust did the first lesson I'm now a webmaster and can HTML in my sleep.Hire me - 6 figures and we can talk.This is all web developers.That was half my jibe of my suggestion. It doesn't take much to be better than 80% of those already out there.
QuoteMake the paragraphs in the unordered list have the color #000000 and text-decoration underline.The error I get isQuoteOops, try again. Did you remember to make the paragraphs inside <li> tags have color #000000;?But I thoughtQuoteli p { text-decoration: underline; color: #00000;Was that?
Make the paragraphs in the unordered list have the color #000000 and text-decoration underline.
It's still not working i don't understand this > here. So why would you "div > p" and not just "div p"? It's selecting something inside something, right?
ul li p { text-decoration: underline; color: #000000;}
FFS Swindle, you're a plumber not some kind of computer geek.Only people like Spacemonkey make a decent living doing coding and stuff.Stick to what you know, or become a drainlayer or something.You're too fucking dumb to start computating.
Make the introduction paragraph and the summary paragraph have a font-weight of bold
*throws macbook out window*
I figure HTML/CSS is a good starting point.
And don't worry, I've taught trained professionals about the more 'advanced' selectors (such as > and + ) before.(and the answer is http://css.maxdesign.com.au/selectutorial/selectors_child.htm )
Ahh Twia.In the real world they're very helpful. Probably not so useful with Java But you do raise a valid point. If one finds themselves typing out something likediv div > p span strong.ohyeah {...}Then yeah, selector structure for the CSS document should probably be rearranged to make sense.Lest one find themselves in an !important life lesson (aka mess).
With Artisteer YOU immediately become a Web design expert, editing and slicing graphics, coding XHTML and CSS, and creating Web Design Templates, Joomla templates, Drupal themes, Wordpress themes, DotNetNuke skins, and Blogger templates all in minutes, without Photoshop or Dreamweaver, and no technical skills.
And lists everything that's wrong with the internet as supported systems.<img src="NOPE.jpg" alt="wholey fuck nope." />
haha, I know you're trolling, but true fact: wordderp makes my job hard (if I'm forced to use it).But yeh, web dev (esp. frontend) is a nice cruisy job if you're not braindead.
