Skip to content

Commit b9038d9

Browse files
committed
file formating and extension changing done
1 parent cca3b79 commit b9038d9

9 files changed

Lines changed: 411 additions & 337 deletions
File renamed without changes.

‎Text Properties in CSS.html‎

Lines changed: 266 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,266 @@
1+
/***Text Properties***/
2+
3+
<!DOCTYPE html>
4+
<html lang="en">
5+
<head>
6+
<meta charset="UTF-8" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<title>Document</title>
9+
<link rel="stylesheet" href="/style.css" />
10+
<style>
11+
/*Text Align*/
12+
#heading1 {
13+
text-align: left;
14+
}
15+
#heading2 {
16+
text-align: center;
17+
}
18+
#heading3 {
19+
text-align: right;
20+
}
21+
22+
/*Text Decoration*/
23+
#p {
24+
text-decoration: blue underline; /*eta ekta blue underline create korbe*/
25+
}
26+
#p2 {
27+
text-decoration: line-through;
28+
}
29+
#p3 {
30+
text-decoration: overline;
31+
}
32+
#p4 {
33+
text-decoration: underline;
34+
}
35+
36+
#anchorTag {
37+
text-decoration: none; /*anchor tag use korle by default web e link text'r niche ekta dag ashe, shei dag remove korar jonne "none" dile ta remove hbe*/
38+
}
39+
/*search on google "text decoration CSS" to find more of them*/
40+
41+
/*Font weight property*/
42+
/*font weight diye muloto ekta text koto tuk dark o light dekha jabe ta thik kora hoy*/
43+
/*
44+
ei dark and light'r ekta shima ase and ta holo 100-900,
45+
100 sobche kom bold ba dark,
46+
900 sobche beshi bold ba dark
47+
*/
48+
#heading4 {
49+
font-weight: normal; /*ei h1 ta garo na hoye normal e print hbe*/
50+
font-weight: 100; /*chaile ebhabe number diyeo likha jay*/
51+
}
52+
#para {
53+
font-weight: bold;
54+
}
55+
#para2 {
56+
font-weight: bolder; /*bold theke ektu beshi bold hbe*/
57+
}
58+
h3 {
59+
font-weight: lighter;
60+
}
61+
62+
/*Font family or style*/
63+
#para3 {
64+
font-family: "Segoe UI";
65+
}
66+
#para4 {
67+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
68+
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
69+
sans-serif; /*ekhane onek gulo font lekha hoise, karon first font kaj na korle tar porer font ta kaj korbe*/
70+
}
71+
72+
/*Font size*/
73+
/*here 96 px = 1 inch*/
74+
#para5 {
75+
font-size: 40px;
76+
}
77+
#para6 {
78+
font-size: 30px;
79+
}
80+
81+
/*Line height property*/
82+
/*eta diye muloto ek line theke next line'r distance kemon hbe ta thik kore*/
83+
#para7 {
84+
line-height: 2px;
85+
}
86+
#para8 {
87+
line-height: 50px;
88+
}
89+
#para9 {
90+
line-height: normal;
91+
}
92+
93+
/*Text transform property*/
94+
#para10 {
95+
text-transform: uppercase;
96+
}
97+
#para11 {
98+
text-transform: lowercase;
99+
}
100+
#para12 {
101+
text-transform: capitalize;
102+
}
103+
</style>
104+
</head>
105+
<body>
106+
<h1 id="heading1">Left text align check</h1>
107+
<h1 id="heading2">center text align check</h1>
108+
<h1 id="heading3">right text align check</h1>
109+
110+
<p id="p">Blue underline check</p>
111+
<p id="p2">line-through check</p>
112+
<p id="p3">overline check</p>
113+
<p id="p4">underline check</p>
114+
115+
<a href="https://translate.google.com/" id="anchorTag">
116+
google translate link underline remove checking
117+
</a>
118+
119+
<h1 id="heading4">Normal font weight check</h1>
120+
<p id="para">Bold font weight check</p>
121+
<p id="para2">bolder font weight check</p>
122+
<h3>lighter font weight check</h3>
123+
124+
<p id="para3">
125+
Segoe UI font check --> Lorem ipsum dolor sit amet consectetur,
126+
adipisicing elit. Quasi officiis commodi ipsa obcaecati corporis, sapiente
127+
magnam quisquam iure dolor vitae asperiores debitis sit sequi blanditiis
128+
minus cumque unde soluta possimus!
129+
</p>
130+
<p id="para4">
131+
system-ui font check --> Lorem ipsum dolor sit amet consectetur
132+
adipisicing elit. Consequuntur debitis ab repellendus eveniet fugit eaque
133+
expedita ducimus maxime tempore atque enim, nisi et harum suscipit sunt
134+
explicabo odio! Voluptatibus, amet?
135+
</p>
136+
137+
<p id="para5">pixel testing 40px</p>
138+
<p id="para6">pixel testing 30px</p>
139+
140+
<p id="para7">
141+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia quod, fugit
142+
ipsam, non cum a officia expedita quos quae quo voluptatibus ab. Cumque
143+
non veritatis earum officiis fuga, porro similique. Laudantium amet error
144+
porro at eaque officiis impedit aperiam commodi labore non, ducimus, nobis
145+
laboriosam recusandae atque veniam, consequuntur quos placeat maiores
146+
architecto molestiae ab soluta iusto totam! Porro, vel! Alias ab,
147+
voluptatibus qui natus laborum magni ipsam dicta id eligendi cum
148+
consequuntur corporis sequi atque assumenda molestiae reprehenderit quam
149+
illo rerum magnam nesciunt dignissimos culpa tempora doloremque. Natus,
150+
assumenda! Ducimus consequatur ut deleniti nemo fugit modi odit voluptate
151+
omnis reprehenderit provident rem, aspernatur fuga culpa a tenetur
152+
voluptatem nostrum inventore sint quibusdam eum mollitia. Libero inventore
153+
laborum tenetur consequatur? Accusantium iste reiciendis delectus
154+
obcaecati quaerat quidem facere voluptatem, ad explicabo impedit quis
155+
veritatis quo voluptatibus tenetur dolore mollitia facilis et molestiae
156+
consectetur aspernatur! Libero nulla repellat quibusdam explicabo
157+
consectetur. Voluptatibus aspernatur minus excepturi ut temporibus,
158+
deleniti ratione quas velit dolorem culpa molestias illum inventore ea
159+
corrupti magnam suscipit. Expedita rem illum quaerat nisi unde aut
160+
accusamus esse nemo. Odio. In fugit praesentium tenetur facilis pariatur
161+
voluptatem maiores quis id suscipit, nobis ut hic quibusdam sapiente
162+
officiis ullam, animi minima, facere quidem! Mollitia, eius cupiditate
163+
provident aliquid repudiandae odio pariatur! Eius consequuntur tempore,
164+
minus nostrum nisi asperiores mollitia explicabo temporibus eos repellat
165+
reiciendis consequatur provident optio soluta assumenda sit aperiam nemo
166+
facilis quae maxime laborum quis, eum voluptates! Sequi, quisquam.
167+
Consequuntur quasi quo perspiciatis incidunt impedit, atque tempore soluta
168+
ab dignissimos asperiores corrupti, saepe optio est accusantium vitae?
169+
Velit dicta unde odio alias non natus rerum delectus voluptate dolores
170+
pariatur! Rerum mollitia nemo quod molestias adipisci soluta deserunt
171+
odio! Perspiciatis nemo et officia ipsum facere, deleniti beatae
172+
distinctio magnam reiciendis cum vitae sed, animi aperiam, magni quae!
173+
Reiciendis, commodi iure.
174+
</p>
175+
<p id="para8">
176+
line height check 50px --> Lorem ipsum dolor sit amet consectetur,
177+
adipisicing elit. Nihil dolorem iure ducimus dignissimos iste quo deleniti
178+
ipsam blanditiis debitis, voluptatem odio doloremque quam alias
179+
praesentium error tempore, eum eos quaerat. Architecto molestiae commodi
180+
nostrum blanditiis impedit officia nisi odio voluptatem cum itaque sunt,
181+
debitis perferendis deleniti esse repudiandae asperiores at ipsa fuga
182+
quam! Nesciunt harum iure at maiores itaque blanditiis! Hic quos vel
183+
minus, ad totam, nostrum cupiditate optio error alias quibusdam ipsam eos.
184+
Numquam fugiat itaque, veritatis quibusdam suscipit maxime dignissimos
185+
ipsa? Numquam asperiores nihil exercitationem, ad unde eum. Minima enim
186+
ipsam praesentium aperiam dolorum quisquam quidem non, rerum nulla
187+
consequatur excepturi nobis soluta eligendi necessitatibus, maiores eius!
188+
Neque similique animi earum nesciunt inventore aspernatur illo magnam,
189+
porro exercitationem? Architecto earum fugit ab itaque est ipsum beatae
190+
perferendis. Voluptas, cum quibusdam molestiae voluptatem aperiam aliquam
191+
magnam magni maiores obcaecati totam. Tempore, natus totam aperiam
192+
repellendus explicabo esse quas aut. Quibusdam itaque doloribus
193+
praesentium voluptatum consequatur consequuntur dicta facilis dolorem
194+
repellendus consectetur culpa impedit at voluptatibus quis, et adipisci
195+
laboriosam officiis modi deleniti commodi rerum minima cum aliquid!
196+
Eveniet, perspiciatis. Ratione maiores consequatur officiis saepe culpa
197+
sunt numquam unde id a quia doloribus, porro dolore provident, qui ducimus
198+
placeat sequi eius. Voluptatibus magnam quia sequi repellat veniam id
199+
cumque esse! Corporis natus sapiente eveniet nulla alias. Voluptate iusto
200+
unde quisquam rerum earum amet tempora quo ab facilis aliquid aperiam non
201+
sequi praesentium natus recusandae, dolor, quia impedit eos voluptatibus
202+
nemo? Veniam enim repellat illum nulla, error sed dolore quae! Quos
203+
veritatis nulla repudiandae vero incidunt soluta assumenda illo cupiditate
204+
eum, sunt cumque iusto molestias praesentium, reiciendis quis. Vel,
205+
cupiditate consectetur. Et harum cumque tempora aut culpa dolorum nesciunt
206+
quidem sed amet iste doloremque fugiat nobis veniam deleniti ullam dolores
207+
sint repellat quo assumenda, placeat hic? Laboriosam maiores dolorem quis
208+
eius.
209+
</p>
210+
<p id="para9">
211+
normal line height check --> Lorem ipsum dolor sit amet consectetur
212+
adipisicing elit. Beatae eius inventore exercitationem rerum molestias
213+
veritatis deserunt ea aliquam ipsam aperiam minima repellendus deleniti
214+
quibusdam, et voluptatem? Error, hic ea! Fugit! Aut iste eligendi veniam
215+
voluptas architecto vitae repellendus minus dicta sunt in porro
216+
consectetur veritatis neque provident, corporis minima expedita impedit
217+
nihil. Nemo nisi, necessitatibus nostrum alias a quo iusto? Labore,
218+
maiores voluptatibus. Atque eaque nostrum sed. Nemo quibusdam earum
219+
numquam labore iure error aliquam aut molestiae fugiat, sint voluptate,
220+
laboriosam tenetur, corrupti dolores rerum cum ullam blanditiis? Nam,
221+
consequuntur. Reiciendis quos quidem a fugiat perspiciatis! Eligendi,
222+
deserunt dolorum? Exercitationem delectus vero doloremque distinctio, vel
223+
autem eligendi similique in blanditiis, officiis recusandae est vitae nemo
224+
expedita reprehenderit, nihil quas dolore. Quis, eos dolorem assumenda
225+
provident earum ea dignissimos impedit optio nihil voluptatum deleniti
226+
similique obcaecati harum illo! Exercitationem ullam hic blanditiis?
227+
Eveniet dignissimos dolores veritatis porro asperiores. Aut, id maxime?
228+
Voluptatibus, inventore facilis? Blanditiis placeat est ex mollitia
229+
provident fuga exercitationem, consectetur dolore culpa commodi temporibus
230+
assumenda cum eius autem incidunt error tempora similique nostrum? Aliquid
231+
dolor explicabo asperiores est. Vitae earum accusamus quia minima, fuga
232+
repudiandae, enim quas consectetur, explicabo error aspernatur doloribus
233+
consequuntur architecto commodi laudantium! Aut itaque aperiam
234+
praesentium, optio dolorem deleniti laborum labore perspiciatis quia
235+
provident? Eos aliquid soluta libero? Sunt, vero possimus quas magnam ad
236+
ipsum cumque molestiae et corporis dolore, nisi, sequi odit aut corrupti
237+
ipsa doloremque mollitia inventore itaque eius magni quasi repudiandae?
238+
Saepe magnam in eum facere veritatis similique rem quaerat, maiores,
239+
provident quidem eos nisi. Impedit, accusamus, inventore culpa laboriosam
240+
expedita ab numquam, consequuntur ipsum laborum iusto sunt obcaecati quod
241+
veritatis. Officia culpa non quasi ducimus asperiores impedit nobis dolor
242+
sint quaerat ea at autem molestiae unde dignissimos odit minus, maiores ad
243+
cupiditate! Iure at maxime voluptates consectetur doloremque accusamus
244+
tempore.
245+
</p>
246+
247+
<p id="para10">
248+
checking uppercase --> Lorem ipsum, dolor sit amet consectetur adipisicing
249+
elit. Quia, dolorem quam cum qui vero natus ad neque voluptates
250+
consectetur, numquam corporis sunt libero, minima soluta sint tempore
251+
dicta modi perspiciatis.
252+
</p>
253+
<p id="para11">
254+
checking lowercase --> Lorem ipsum, dolor sit amet consectetur adipisicing
255+
elit. Quia, dolorem quam cum qui vero natus ad neque voluptates
256+
consectetur, numquam corporis sunt libero, minima soluta sint tempore
257+
dicta modi perspiciatis.
258+
</p>
259+
<p id="para12">
260+
checking capitalize --> Lorem ipsum, dolor sit amet consectetur
261+
adipisicing elit. Quia, dolorem quam cum qui vero natus ad neque
262+
voluptates consectetur, numquam corporis sunt libero, minima soluta sint
263+
tempore dicta modi perspiciatis.
264+
</p>
265+
</body>
266+
</html>

0 commit comments

Comments
 (0)