Simple Archives - scmGalaxy https://www.scmgalaxy.com/tutorials/tag/simple/ A Platform for Software Engineers Wed, 13 Apr 2022 16:34:31 +0000 en-US hourly 1 https://wordpress.org/?v=7.1 How to create Simple Images, Slider Show, & Changing background color with animations using HTML & CSS? https://www.scmgalaxy.com/tutorials/how-to-create-simple-images-slider-show-changing-background-color-with-animations-using-html-css/ https://www.scmgalaxy.com/tutorials/how-to-create-simple-images-slider-show-changing-background-color-with-animations-using-html-css/#respond Mon, 13 Sep 2021 13:02:02 +0000 https://www.scmgalaxy.com/tutorials/?p=8998 In this blog, I am creating simple Images, Slider Show, & Changing background color with animations using HTML & CSS. […]

The post How to create Simple Images, Slider Show, & Changing background color with animations using HTML & CSS? appeared first on scmGalaxy.

]]> 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-

Simple Images Slider Show with CSS animations
Changing background color with CSS animations

The post How to create Simple Images, Slider Show, & Changing background color with animations using HTML & CSS? appeared first on scmGalaxy.

]]> https://www.scmgalaxy.com/tutorials/how-to-create-simple-images-slider-show-changing-background-color-with-animations-using-html-css/feed/ 0 Types of Selector in CSS & How to Use CSS Selector in HTML? https://www.scmgalaxy.com/tutorials/types-of-selector-in-css-how-to-use-css-selector-in-html/ https://www.scmgalaxy.com/tutorials/types-of-selector-in-css-how-to-use-css-selector-in-html/#respond Mon, 02 Aug 2021 12:21:24 +0000 https://www.scmgalaxy.com/tutorials/?p=7248 There are five types of Selector in CSS. Simple selectors (select elements based on name, id, class) Combinator selectors (select […]

The post Types of Selector in CSS & How to Use CSS Selector in HTML? appeared first on scmGalaxy.

]]> 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>

The post Types of Selector in CSS & How to Use CSS Selector in HTML? appeared first on scmGalaxy.

]]> https://www.scmgalaxy.com/tutorials/types-of-selector-in-css-how-to-use-css-selector-in-html/feed/ 0 Simple Docker workflow – Quick start | Docker Tutorial https://www.scmgalaxy.com/tutorials/simple-docker-workflow-quick-start/ https://www.scmgalaxy.com/tutorials/simple-docker-workflow-quick-start/#respond Tue, 23 Feb 2016 15:17:33 +0000 http://www.scmgalaxy.com/tutorials/2016/02/23/simple-docker-workflow-quick-start/ Simple Docker workflow – Quick start In this tutorials, I am trying to cover the simple quickstart Docker workflow and […]

The post Simple Docker workflow – Quick start | Docker Tutorial appeared first on scmGalaxy.

]]> docker-workflow
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 

The post Simple Docker workflow – Quick start | Docker Tutorial appeared first on scmGalaxy.

]]> https://www.scmgalaxy.com/tutorials/simple-docker-workflow-quick-start/feed/ 0