CSS Effect | 02 Pseudo Programming Tutorials German English

CSS Effect | 02 PseudoYouTube↗ IA↗(long shot)
Education 14.2K views 135 likes 5 dislikes 14 Oct 2014

Programming Tutorials 65.7K subscribers Spain YouTube↗

Click to Play Video

Nun, bevor Sie die Auswirkungen beginnen, wir müssen zwei grundlegende Fragen berücksichtigen sind: Pseudo-Elemente und Pseudo-Klassen,

Well, before you start making the impact we will have to consider two basic questions are: Pseudo-elements and pseudo-classes,

weil wir sie später ihre Wirkung entfalten, so dass diese erste Video es werden wir sehen, ein Pseudo-Element lassen Sie uns die verschiedenen sehen verwenden ist

because we will use them to later develop their effects, so this first video we will see it is a Pseudo-element let's see the different

Pseudo-Elemente gibt, werden wir zwei von ihnen zu sehen sind die wichtigsten, mit denen wir die Effekte zu verwenden, um zu sehen und auch, wie sie zu verweisen

Pseudo-elements there, we will see two of them are the principal with which we use to see the effects and also how to reference them

und wie sie zu verwalten, Okey, dann werden wir beginnen. Schon lange vor allem möchte ich hier, um diese Karte anzuzeigen. Diese schematische Zeichnung, die ein wenig zu verstehen,

and how to manage them, Okey then we will start. Well before all, I want to show here this chart. This schematic drawing to understand a little

Was ist ein Pseudo-Element, wenn wir ein HTML-Element auf unserer Website erklären, haben wir, dass das Feld, das alle HTML-Element einnimmt.

What is a Pseudo-element, when we declare an HTML element on our website, we have that box that occupies all HTML element.

Es ist funktionell als Kasten, hat seine Breite und Höhe des rechteckigen, wenn wir nicht mit CSS Form ändern, aber eingegeben wird. Das Element immer

It is functional as a box, has its width and height of rectangular unless we change with CSS form, but input is. That element always

durch die Pseudo-Elemente begleitet wird: Vor und nach dem die Elemente, die offenbar nicht sind, sind nicht aktiv, wenn Sie bereits sie verwalten,

is accompanied by the Pseudo-Elements: Before and After are the elements that apparently are not, are not active unless you already manage them,

aber dort begleitet, wenn wir erklären und zu verwenden, beginnt eine Präsenz auf der Website zu haben, wenn auch nicht erwähnt, als ob es nicht gäbe,

but are accompanied there, if we declare and use, will begin to have a presence on the website, if not mentioned, as if it did not exist,

aber jedes Element geht mit, dass die Vor begleitet und nach. Gut! Wie können wir auf sie beziehen? Mal sehen, wie. Schauen Sie hier in diesem Beispiel

but each element goes with that accompanied the Before and After. Good! How can we refer to them? Let's see how. Look here in this example

Ich habe diesen Code. Siehe Was ich mit einem Absatz hier ein div haben, die "Box" sagt und hier haben wir zum Beispiel diese Div Features bieten wird,

I have this code. See What I have here a div with a paragraph that says "Box" and here we have for example this Div will provide features that

Ich stelle mir ein wenig mehr, wir geben Ihnen einen Vorsprung 2px, der schwarz ist, mal sehen, wie es wäre. Dies wäre das Pseudo-Element sein, und wir werden Ihnen die Breite erzählen

I visualize a little more, we will give you an edge 2px, who is black, let's see how it would. This would be the Pseudo-element and we'll tell you the width

so kleiner ist, dass später können wir sie Pseudo-Elemente sehen wir verweisen möchten. Lassen Sie uns sagen, dass es 50% ist, dann aktualisieren und sich zu positionieren,

is smaller so that later we can see them Pseudo-elements we want to reference. Let's say it's 50%, then update and to position itself,

wir werden Ihnen eine relative Position geben und in margin-left links ist das, was wir 25% sagen, so dass es zentriert ist. Da haben wir es für richtig, wir unsere Box haben.

we will give you a relative position and left in margin-left is what we say 25% so that it is centered. There we have it right, we have our box.

Hier zeigen wir dir, hier hast du nicht gekommen, um nichts, entweder vor oder nach, als ob es nichts wäre, aber wenn wir erklären, diese Pseudo-Elemente

Here we are telling you: here you have not come to nothing, either before or after, as if there were nothing but if we declare these Pseudo-Elements

gehen, dass mit diesem Element standardmäßig zusammen, wenn wir erklären, beginnen zu existieren, und Sie können Ihr Aussehen zu verwalten. Also, wie machen Sie das?

that go along with this element by default, if we declare, begin to exist and you can manage your appearance. So how do you do that?

Nun, wir setzen den Artikelnamen, legte zwei Punkte, gefolgt alles so, und sagen, dass Pseudo-Element erklären und das ist, dass

Well, we put the item name, put two points, followed everything like that and say that Pseudo-Element will declare and that is that

Lassen Sie uns Arten geben, so dass, wenn wir zum Beispiel mit dem Vor tun wollen, wir haben erklärt, und ein Muss für alle Pseudo-Elemente der Inhalt ist,

Let's give styles, so if for example we want to do with the Before, we have declared and a must for all Pseudo-Elements is the Content,

diese müssen ja oder ja gesetzt werden. Inhalt und in einfache Anführungszeichen, zum Beispiel, kann es und setzen, was Sie im Inneren haben, wenn ich hier ein Wort gesagt,

these must be put yes or yes. Content and in single quotes, for example, there can and put what you have inside, if I put here a word,

zum Beispiel habe ich Hallo, hier sehen wir, dass erklärte mich Hallo, sie es sahen, wie wir zeigen, tat, und wenn ich es in der Nach und hier setzen "Welt" und zu aktualisieren,

for example I put Hello, here we see that declared me Hello, they saw it as we did show up, and if I do it in the After and here put "world" and update,

Ich habe es dort. Gut!! Bevor ich vor dem Guten, das nach nach gehen, aber nicht unbedingt sein, so müssen diese kann ich und sie verändern können

I have it there. All right!! Before going before the good, the After going after but not necessarily have to be so, this I can and can alter them

setzen in dem Teil Ich mag, zum Beispiel, wenn ich ihn in eine andere Position vor geben, gebe ich ihm eine Position Absolute und ich werde es dauern, wird nun den Unterschied sehen,

put in the part I like, for example if I give him to another Position Before, I give it a Position Absolute and I'll take it, will now see the difference,

Bisher wird diese angezeigt, wenn die vor einer absoluten Position ihm sagen, zu Null nach rechts zu gehen, das Hallo, ich auf der Seite war,

so far this is displayed, if the Before an Absolute Position tell him to go to zero Right, the Hi, I was on that side,

ebenfalls das ich ändern kann, kann ich Null Bottom gesetzt und jetzt nach unten kommt, sahen sie! So ist es nicht erforderlich, dass Sie erklären

likewise this I can change, I can put zero Bottom and now comes down, They saw! So it's not required that you declare

Vor dem Pseudo-Element, gehen Sie zu 100 100 vorher, oder was auch immer das gehen nach auf 100 100 nach, dass man durch die Positionierung verändert werden würde und

Before the Pseudo-element, go to 100 100 before, or whatever the After go to 100 100 after, that one would be altered by positioning and

es, die Eigenschaften zu geben, wie wir die Positionierung geändert, wir Breite geben können, können wir Hintergrund zum Beispiel geben, wenn ich will

giving it the characteristics, as we changed the positioning, we can give width, we can give background for example if I want

haben einen roten Hintergrund hat es einen roten Hintergrund sah, ich Breite geben kann, kann ich Ihnen die Eigenschaften geben wie ein normales Element,

have a red background, there has saw a red background, I can give width, I can give you the features like a normal element,

weil ein Pseudoelement die gleichen Attribute als ein Element hat, aber dass ja, gezwungen, die Inhalte. Okey. Nun, ich habe gesagt dies und das Verständnis, dass und

because a pseudo-element has the same attributes as an element but that yes, forced the Content !. Okey. Well I am having said this and understanding that and

die die Pseudo-Elemente ist, die begleitet werden, haben wir dort das Vorher und Nachher, für sie da zu sein, werden wir die Auswirkungen in den meisten Fällen erstellen

which is the Pseudo-elements which are accompanied, we have there the Before and After, being there for them, we will create the effects in most cases

Videos, die folgen, aber für die wir lernen müssen, abgesehen von dem, was ist ein Pseudo-Element, das eine Pseudo-Klasse ist, die verbinden

videos that follow, but for that we have to learn apart from what is a pseudo-element, which is a Pseudo-Class that combine

Pseudo-Elemente, die die Pseudo-Klassen verwenden. Wir haben gesehen, dass es ein Pseudo-Element ist und im folgenden Video werden wir sehen, was eine Pseudo-Klasse,

Pseudo-elements using the Pseudo-classes. We have seen that it is a Pseudo-element and in the following video we will see what a Pseudo-Class,

als Referenzierung es, die Pseudo-Klassen können zur Verfügung haben und wie sie zu verwalten, Okey! für Sie und für das nächste Video.

as referencing it, which may Pseudo-classes have at our disposal and how to manage them, Okey! for you and for the next video.

Similar videos:

学弟vlog：被粉丝嘲笑门牙大眼睛小，被说得癌症，我成残疾人了？【学弟】
Wu Nai Jia Xiansen
1.8K views 109 likes 2 dislikes 12 Mar 202167% match

姐妹PK玩你畫我猜，2人畫技慘不忍睹，看得我好想進去幫她們一把【花甜HuaTian】

11.2K views 318 likes 15 dislikes 02 Jan 202166% match

The mistress was driven out of the door by the boss, boss: I don't want to see you again!
甜味少女馆
173.5K views 210 likes 99 dislikes 14 May 201966% match

挑战用捡到的第1把枪吃鸡！当我看到枪的时候，就知道这把稳了！
Old torn chicken
370.1K views 6.7K likes 192 dislikes 13 Dec 202066% match

新年第1天来玩火力团竞，拿着四联火箭筒当狙使，一炮一个真过瘾！
Old torn chicken
248.8K views 7K likes 149 dislikes 31 Dec 202066% match

ล้างหน้าลดสิว | UsaLoveVer | Kwan Usamanee
KwanUsamanee
81.3K views 1.6K likes 41 dislikes 03 Aug 201966% match

0 views 0 likes 0 dislikes 06 Jun 202666% match

迷你世界逃离表妹家：表妹烧锅煮羊，忆涵把她骗囚笼里，做对了？
YiHan Game Commentary
28.4K views 275 likes 22 dislikes 09 Nov 202066% match

Moneda 10 Centavos 1974 1980 Mazorca
Monedas y Sus Precios
32.8K views 423 likes 19 dislikes 27 Nov 201866% match

¡Si tienes un poco de yogur haz este pastel súper cremoso! 😋😋😋
PostresMil
10.3K views 505 likes 10 dislikes 21 Nov 202066% match

PET ŞİŞELERDEN SANDAL YAPTIM!
Cihan Kosif
368.9K views 22.5K likes 1K dislikes 20 Jun 201966% match

👽 Dimash Reaction! Diva Dance - реакция диамаша [SUBS]
That Singing Show
214.9K views 5.5K likes 347 dislikes 15 Apr 201966% match

恰鸡老阿姨：挑战“灰屋镇”物资吃鸡？单人一打四吃鸡太简单！#和平精英
 Congcong’s Wanderlust
1.5K views 47 likes 1 dislikes 13 Nov 202066% match

和平精英：捉迷藏娱乐赛！67名玩家藏身城堡，你能找出他们吗？【小贝的游戏食堂】
Bei's Gaming Diner
135.8K views 1.2K likes 47 dislikes 20 Dec 201966% match

JADAM Lecture Part 16. Common Herbs Become Powerful Pesticides. Making JADAM Herb Solution JHS.
JADAM Organic Farm & Garden
7K views 249 likes 5 dislikes 19 Jun 202065% match

What did Huang Jingyu talk to his fans on his birthday? Johnny Huang
Chinese star news
12.8K views 360 likes 9 dislikes 30 Nov 202065% match

和平精英：挑战“只使用狗杂“吃鸡，开局1v4，刚最野的枪！【恰鸡老阿姨】
Congcong’s Wanderlust
1.2K views 54 likes 1 dislikes 28 Sep 202065% match

TES ONGLES VONT POUSSER D’UNE FAÇON INCROYABLE:SEULEMENT SI TU FAIS CECI
L'ART DU TEINT PARFAIT,ELIXIR DEMARIE LEONIE COACH
43.4K views 0 likes 0 dislikes 21 Nov 201965% match

Winn Gas Regulator Review | Tips for Choosing the Safest Gas Stove Regulator
BERBAGI DUNIA
1.3K views 31 likes 0 dislikes 26 Jul 202065% match

"Team competition" can be so fun without a gun? The whole process is too exciting!
Congcong’s Wanderlust
1.3K views 54 likes 0 dislikes 19 Sep 202065% match

PERFUMES CON VAINILLA usa VAINILLINA y van a comer vivos
Javier Orgaz Perfume
1.8K views 162 likes -1 dislikes 29 Jan 202165% match

COVID-19 Week 1 Callus Tuesday (2020)
Dr Nail Nipper
35.5K views 672 likes 19 dislikes 17 Mar 202065% match

迷你世界神器酷跑：多亏有魔刀千刃才能干掉4神宠，躲过炸药隧道

1M views 6.6K likes -1 dislikes 04 Mar 202065% match

SOKAKTA KIYAFETLERİNİZİ SATIN ALDIM #4 | PARA DAĞITMAK
Cihan Kosif
1.8M views 36.5K likes -1 dislikes 07 Aug 201965% match

试玩女生版大逃杀，一款只有男生才玩的山寨“吃鸡”
Bei's Gaming Diner
96.7K views 1.9K likes 57 dislikes 13 Oct 202065% match

迷你世界：僵尸大围攻，掉落满地的黄金，可以升级加特林机枪
 Doudou Junior Gaming
3.4K views 34 likes 0 dislikes 21 Dec 202065% match

Two Big Thick Toenails. Is this Fungal Nails? [Dr Nail Nipper] (2020)
Dr Nail Nipper
106.6K views 1.3K likes 84 dislikes 13 Mar 202065% match

SCIENCE EXPERIMENTS FOR KIDS: HOW TO MAKE A HOMEMADE ROCKET | HOW TO MAKE ROCKET | CHALK ROCKETS
LaneVids & Dad Reviews Shorts
179.6K views 1.2K likes 85 dislikes 16 May 201465% match

和平精英：挑战冰冻枪灭敌吃鸡，还有意想不到的收获，太搞笑了【暴走的小药】
Runaway medicine
164.2K views 2.2K likes 115 dislikes 23 Mar 202065% match

【抖音雪碧驾到】雪碧破产惨遭原下属欺负？@大白的梦，大白心疼姐姐偷偷打工赚钱
 Gumai Golden Harvest Agency MCN
210.9K views 2.6K likes 68 dislikes 29 May 202065% match

Settings Privacy About Contact Donate