In this blog, I am creating simple Images, Slider Show, & Changing background color with animations using HTML & CSS. So, Let’s create an index.html & style.css below-
Tag: Simple
Types of Selector in CSS & How to Use CSS Selector in HTML?
There are five types of Selector in CSS.
- Simple selectors (select elements based on name, id, class)
- Combinator selectors (select elements based on a specific relationship between them)
- Pseudo-class selectors (select elements based on a certain state)
- Pseudo-elements selectors (select and style a part of an element)
- Attribute selectors (select elements based on an attribute or attribute value)
The CSS element Selector–
- ID
- Class
- Element
Id Selector–
<html>
<head>
<style>
#id_selector {
color: red; font-size: 60px;
}
</style>
</head>
<body>
<p id="id_selector">Hello World!</p>
<p>This paragraph is not affected by the style.</p>
</body>
</html>
Class Selector–
Universal-
<html>
<head>
<style>
.red {color: #FF0000; font-size: 60px;}
</style>
</head>
<body>
<h2 class="red">I am Heading</h2>
<p class ="red">I am first paragraph</p>
<p>I am second paragraph</p>
</body>
</html>
Element Specific-
<html>
<head>
<style>
p.red {color: #FF0000; font-size: 60px;}
</style>
</head>
<body>
<h2 class="red">I am Heading</h2>
<p class ="red">I am first paragraph</p>
<p>I am second paragraph</p>
</body>
</html>
Use Two or more class–
<html>
<head>
<style>
p.red {color: #FF0000;}
p.look{font-size: 60px;}
.algn{text-align: center;}
</style>
</head>
<body>
<h2 class="algn">I am Heading</h2>
<p class ="red look">I am first paragraph</p>
<p class="red algn">I am second paragraph</p>
</body>
</html>
Simple Docker workflow – Quick start | Docker Tutorial
Simple Docker workflow – Quick start
In this tutorials, I am trying to cover the simple quickstart Docker workflow and for the example, I am creating Ubantu containee and using it to showcase this tutorial.
Step 1 – Download the Ubantu image container from the Docker Hub
# docker pull -a ubuntu
Step 2 – Run the ubuntu container and access to ther /bin/bash commands prompt
# docker run -it ubuntu /bin/bash
Step 3 – Stop the container
# docker stop container_id
How to get the container id?
# docker ps -a
Step 4: Start the container again?
# docker start container_id
Step 5: Exit the running container without stopping the container
# exit
Step 6: Login the running container for bash prompt
# sudo docker exec -i -t 2e56ad1705b1 /bin/bas
For more – Refer