BACKGROUND STYLING COMMANDS IN CSS – BRACKETS Turkish Video Tutorial
Tutorial : BACKGROUND STYLING COMMANDS IN CSS – BRACKETS Turkish Video Tutorial
Video : Turkish Language
Githup link: BRACKETS
With focused visual tools and preprocessor support, Brackets is a modern text editor that makes it easy to design in the browser. It's crafted from the ground up for web designers and front-end developers. More information for BRACKETS LINK
What We Can Learn?
We learn Css background and decoration commands description and features of in this video tutorial.
We Learn About
background-color
Used => color name, hex code, rgb, rgba
background-image
Used => image name, url name
background-repeat
Used => repeat, no-repeat, repeat-x, repeat-y
background-attachment
Used => fixed, local, scroll
background-size
Used =>cover, contain
And old commands…
Requirements
1-Brackets Program
2-Basic HTML code knowledge
3- Basic CSS code knowledge
4- Basic Brackets usage information
Difficulty
Basic Level – Intermediate Level
Description
We continue to learn CSS in this video. In the video, I talked about CSS; background-color (color name, hex code, rgb, rgba), background-image( image name, url name),background-repeat ( repeat, no-repeat, repeat-x, repeat-y), background-attachment ( fixed, local, scroll),background-size (cover, contain) and other old commands.
Video Tutorial - Turkish Language - 720p
Curriculum
If you want to learn more about Css in Brackets, I've made some video tutorials about Css before, you can see them below !!
And More Details From This Video
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> CSS DERSLERİ SERİSİ ARKAPLAN</title>
<link rel="stylesheet" type="text/css" href="backgroundstil.css">
</head>
<body>
<div id="page">
<h2>Why Use Brackets?</h2>
<p class="kucuk">Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it without getting in the way of your creative process. You'll enjoy writing code in Brackets.</p>
</div>
</body>
</html>
body{
background-color: rgba(255,0,0,0.5);
}
div#page{
width: 1280px;
height: 1300px;
margin: auto;
border: 2px solid #fff;
background-image: url(arka.jpg);
background-repeat: no-repeat;
background-position: top;
background-attachment:fixed;
background-size: cover;
}
h2{
background-image: url(kucuk.png);
background-size: contain;
color:white;
}
p{
background-color: chartreuse;
text-transform: lowercase;
color: crimson;
font-style: italic;
font-family: fantasy;
font-size: 30px;
font-weight: bolder;
word-spacing: 1;
letter-spacing: 1px;
}
Author : @tarikhakan55
Steemit Türkiye & Utopian-io
Community
Posted on Utopian.io - Rewarding Open Source Contributors
Thank you for the contribution. It has been approved.
-Please edit your links to other topics.
You can contact us on Discord.
[utopian-moderator]
Thank you and done...
Eline sağlık üstad.
Teşekkürler...
Hey @tarikhakan55 I am @utopian-io. I have just upvoted you!
Achievements
Community-Driven Witness!
I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!
Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x