CSS Practice

How to change text color in CSS:

For CSS class use . (dot) and for CSS ID use # (hash)



=============================
HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>This is a page with CSS</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div id="red">This is a red text</div>
    <div class="green">This is a green text</div>
</body>
</html>

----------------------------------
CSS:

#red{
   color: red;
}
.green{
   color: green;
}

===================================

Comments

Post a Comment

Popular posts from this blog

How to set a minimum products number for an order in OpenCart v. 1.5.6.4

Image
 This modification is for OpenCart version: 1.5.6.4 With this change, the customer will not be able to order products below a certain number of products, in the below example is 50 buc.: Follows the steps: ================================= go to: catalog >> controller >> checkout >> checkout.php ================================= and change the value from: $product_total = 0 ; The zero value is for unlimited products. If you can't handle it and want to pay for this change, you can call here: https://creare-site-web.000webhostapp.com  or WhatsApp: +40 0726 054 690
Read more

How to set a minimum price for an order in OpenCart v. 1.5.6.4

Image
  This modification is for OpenCart version: 1.5.6.4 With this change, the customer will not be able to order products below a certain value. Follows the steps: ================================= go to: catalog >> controller >> checkout >> cart.php ================================= And edit the code like this: Then go to:  ================================= go to: catalog >> controller >> checkout >> checkout.php ================================= and edit like this: then go here: ================================= go to: catalog >> controller >> language >> english >> checkout >> cart.php ================================= Change to "english" for english, but you must to enter to "france" for france, etc. and make the same changes in cart.php from that language folder. If you can't handle it and want to pay for this change, you can call here: https://creare-site-web.000webhostapp.com  or WhatsApp: +40...
Read more

Reverse a number

In this exercise we will try to write code to reverse any number. For this exercise we chose a random number to test our code with: Example Input: 39582 Expected Output: 28593 First time I converted the number into a string, I used the split() method, then the reverse() method and the last time join() to bring it all together. I named the function "reverse_a_number",  but it can have any name you want. There are different ways to convert number to string : String literal -> str = "" + num + ""; String constructor -> str = String(num); toString -> str = num.toString(); String Literal simple -> str = "" + num; ================================= HTML: <! DOCTYPE html > < html > < head > < meta charset = utf-8 /> < title > Reverse a number </ title > < script src = "javascript.js" ></ script > </ head > < body >   < p > Open console log! </ p > <...
Read more