TEXT STYLING COMMANDS IN CSS – BRACKETS Turkish Video Tutorial

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@tarikhakan55·
0.000 HBD
TEXT STYLING COMMANDS IN CSS – BRACKETS Turkish Video Tutorial
<br> https://preview.ibb.co/iC9xGm/BRAAAA.jpg
**Tutorial** : TEXT AND DECORATION STYLING COMMANDS IN CSS – BRACKETS  Turkish Video Tutorial
**Video** : Turkish Language
**Githup link**:  [BRACKETS](https://github.com/adobe/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](http://brackets.io)

**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**
<iframe width="560" height="315" src="https://www.youtube.com/embed/VgIhAaW49Ag" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe><br>

**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**<br>

```
<!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


<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@tarikhakan55/text-styling-commands-in-css-brackets-turkish-video-tutorial">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>
👍 , , , , , , , , , , , , ,