TEXT STYLING COMMANDS IN CSS – BRACKETS Turkish Video Tutorial
Tutorial : TEXT AND DECORATION 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 text styling and decoration commands description and features of in this video tutorial.
We Learn About
Text-align
Used => center , left, right, justify
Line-height
Used => px, cm and normal value
Word-spacing
Used => px, cm and normal value
Letter-spacing
Used => px, cm and normal value
Text-decoration
Used =>overline, underline, none, line-through
Text-transform
Used =>capitalize, lowercase,uppercase
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; Text-transform, text-align, line-height, word-spacing, letter-spacing, text-decoration commands and other old commands(font-style, font-weight, font-variant and color commands) from the CSS styling 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 !!
https://steemit.com/utopian-io/@tarikhakan55/font-styling-commands-in-css-brackets-turkish-video-tutorial
https://steemit.com/utopian-io/@tarikhakan55/styling-methods-and-types-of-styling-in-css-brackets-turkish-video-tutorial
And More Details From This Video
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> CSS DERSLERİ SERİSİ</title>
<link rel="stylesheet" type="text/css" href="stillendirme.css">
</head>
<body>
<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>
<h2>Inline Editors</h2>
<p class="buyuk">Get a real-time connection to your browser. Make changes to CSS and HTML and you'll instantly see those changes on screen. Also see where your CSS selector is being applied in the browser by simply putting your cursor on it. It's the power of a code editor with the convenience of in-browser dev tools.</p>
<h2>Live Preview</h2>
<p class="son">Work with preprocessors in a whole new way. We know how important preprocessors are to your workflow. That’s why we want to make Brackets the best code editor for preprocessors out there. With Brackets you can use Quick Edit and Live Highlight with your LESS and SCSS files which will make working with them easier than ever.</p>
</body>
</html>
p{
line-height: 20px;
word-spacing: 2;
letter-spacing: 5px;
text-align: left;
text-decoration: underline;
}
p.kucuk{
text-transform: lowercase;
color: crimson;
font-style: italic;
font-family: fantasy;
font-size: 30px;
font-weight: bolder;
word-spacing: 1;
letter-spacing: 1px;
}
p.buyuk{
text-transform: uppercase;
color: darkblue;
text-indent: 1cm;
font-family: cursive;
font-size: 45px;
font-weight: 200;
}
p.son{
text-transform: uppercase;
color: crimson;
font-style: oblique;
font-family: fantasy;
font-size: 15px;
font-weight: bolder;
word-spacing: 3;
letter-spacing: 10px;
}
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.
You can contact us on Discord.
[utopian-moderator]
Thank you for return...
Hey @arie.steem, I just gave you a tip for your hard work on moderation. Upvote this comment to support the utopian moderators and increase your future rewards!
emeğinize sağlık
Teşekkür ederim...
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