# 
## What is a URL?
**Uniform Resource Location (URL)** is an internet and WWW concept, and it is an address with which resources can be shared among devices on the internet. It is simply a resource locator. In CSS, some resources which need to be used can be in the host or somewhere else on the internet. 

With the **`url()` function**, you can easily add this resource to your style.

## About the CSS `url()` function
This function will basically include the indicated file to a Stylesheet. This file can be on the same host/server as the webpage/style or another server on the internet. In any case, the parameter of this function can be an absolute URL, a relative URL, or a data URI of resource to be included.

The `url()` can be included as a value for a couple of things like:
* `background` and `background-image`.
* `border`, `border-image`, `border-image-source`.
* `content`
* `cursor`
* `filter`
* `list-style` and `list-style-image` 
* `mask`, `mask-image` and `offset-path`.

## Syntax
```css
url("address_of_file")
```
## Parameters
This function requires only a single parameter, which is the file address. This file address can be relative or absolute addresses or URI of any resource needed. This resource can be an image in `png`, `jpeg`, `gif`, or even `svg` formats or any other file. 

## Some sample use case
* A url used in the `background` property. It provides an image for the background of a selected element.
```css
.maindiv{
  background: url("mainimg.png") #00D no-repeat fixed;
}
```
* URL provides an image to be as a list bullet.
```css
ul {
  list-style: square url("http://www.unsplash.com/star00291MN.png");
}

```
* Used to import styles and fonts to a Stylesheet.

```css
@import url("https://www.freestyles.com/style.css");
```

In these instances and more, you can use CSS's `url()` function. 


	<!DOCTYPE html>
	<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<link rel="stylesheet" type="text/css" href="dcss.css">
	</head>
	<body>
  <div id="content"/>
	<h3>Hello World</h3>
	</body>
	</html>
   


body{
    background-image: url("https://images.unsplash.com/photo-1524850301259-7729d41d11d9?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1394&q=80");
    background-size:cover ;	
    background-repeat: no-repeat;
}

codemirror

 ##   
## Explanation
The image that covered the background of our code output below is from [unsplash.com](https://unsplash.com/), and it is linked to using the CSS URL background-image property value as indicated in the CSS file.  The `background-repeat: no-repeat` value and the `background-size: cover property` value will make the image not show multiple times on the screen and cover the whole screen, respectively.

What is the CSS url() function?

 What is a URL? Uniform Resource Location (URL) is an internet and WWW concept, and it is an address with which resources can be shared among devices on the internet. It is simply a resource locator. In CSS, some resources which need to be used can be in the host or somewhere else on the internet. With the url() function, you can easily add this resource to your style. About the CSS url() function This function will basically include the indicated file to a Stylesheet. This file can be on the same host/server as the webpage/style or another server on the internet. In any case, the parameter of this function can be an absolute URL, a relative URL, or a data URI of resource to be included. The url() can be included as a value for a couple of things like:  background and background-image. border, border-image, border-image-source. content cursor filter list-style and list-style-image mask, mask-image and offset-path.  Syntax url( address_of_file )  Parameters This function requires only a single parameter, which is the file address. This file address can be relative or absolute addresses or URI of any resource needed. This resource can be an image in png, jpeg, gif, or even svg formats or any other file. Some sample use case  A url used in the background property. It provides an image for the background of a selected element.  .maindiv{   background: url( mainimg.png ) #00D no-repeat fixed; }   URL provides an image to be as a list bullet.  ul {   list-style: square url( http://www.unsplash.com/star00291MN.png ); }    Used to import styles and fonts to a Stylesheet.  @import url( https://www.freestyles.com/style.css );  In these instances and more, you can use CSS s url() function. 