Jump to content
Il Domandatore

CSS Proprity

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

Share this post


Link to post
Share on other sites

You have define first of all border property after you can define property which you define in post

div {

border:2px solid black;

border-bottom-left-bottom-radius:3px;

}

 

Edited by Sherin

Share this post


Link to post
Share on other sites
On 8/24/2020 at 1:40 PM, Il Domandatore said:

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

Anyone may solve this trouble? Probably I should use a class, but I not have to understand fine. I go to study this part, but I appreciate who help.

Share this post


Link to post
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

Share this post


Link to post
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.

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

Well if you can't be bothered to start at the beginning of CSS tutorial and learn the basics of using CSS coding (and HTML coding going by image) within html, THAT'S  not the developers fault, that is all down it you!

Share this post


Link to post
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.
 

Share this post


Link to post
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

Share this post


Link to post
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.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...