Jump to content

CSS Proprity


Il Domandatore
 Share

Recommended Posts

Hi to all, I'm a beginner on CSS; There is a part few clear to understand.

Every time that I go to try examples, I can't use on Tryit.
https://www.w3schools.com/cssref/playit.asp?filename=playcss_border-bottom-left-radius&preval=10%25

div {
    border-bottom-left-radius:3px;
}

Not works because will miss a class or something.

Every example that we may try on
https://www.w3schools.com/cssref/default.asp are hard to understand to who start to learn CSS.
 

Edited by Il Domandatore
Link to comment
Share on other sites

Ho sbagliato qualcosa:

 

<! DOCTYPE html>
<html>
<head>
<style> 
.noob {
    border-bottom-left-radius: 3px;
}
</style>
</head>

<body>
<div class = "noob">
<p> Intestazione rossa allineata al centro </p>
</div>
</body>
</html>

https://www.w3schools.com/cssref/playit.asp?filename=playcss_border-bottom-left-radius

Edited by Il Domandatore
Link to comment
Share on other sites

I dont know why you would want to do that? The default background is white, so like the example its obvious you would need to add a background color to the body at least then the border-radius element itself. As mention before that example was there to show different methods of using border-radius and nothing else. It would bit overkill to show tutorial on every page for every property used.

Link to comment
Share on other sites

As i said again it is there to only show how to use border radius ONLY.

The background IS OBVIOUS, and since it shows result of border-radius property it does not require anything else.

The background color is obviously required, so you need to apply a background color so you go to how to apply background color 

https://www.w3schools.com/cssref/playit.asp?filename=playcss_background-color

This only shows different methods of using background-color: is does not show anything about dimensions height, width because it is only about background color.

Edited by dsonesuk
Link to comment
Share on other sites

Please, avoid to dirt this post, because I've shown that for a beginner they guides are incomplete and coping them code, creates errors.

I've sent an email to developers and linked this page. They haven't added all info that we need and an expert know what to lack.

Thank you dsonesuk for your replies, without you wasn't clear that there was the need to add something on code.
 

Link to comment
Share on other sites

@dsonesuk 

I've found multiple troubles in a lot of pages. Similar examples works and others not...

https://www.w3schools.com/cssref/playit.asp?filename=playcss_filter&preval=blur(5px) Works.

Everything under More Examples, not.

True, I use chrome 49 and have need 53, but why they did not put everything?

I've found another strange situation, nut I do not remember where was. Or I've found examples that not should work on my browser and instead go well...

 

Same on Font Weight; It works partially. Numbers are 9 but work as are 2. 

https://www.w3schools.com/cssref/pr_font_weight.asp

Edited by Il Domandatore
Link to comment
Share on other sites

Look I am NOT! getting into a discussion about EVERY tutorial, just because YOU have not bothered to learn the basics, to produce a matching foundation html and css to get the same result.

You can do most of it, by opening web developer tools by pressing 'F12' on your keyboard, then inspect the element/s in question to get the styling required.

OKAY! goodbye.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...