wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

css quiz

Total questions: 30

Worksheet time: 15mins

Name
Class
Date
1.

Aşağıdaki css kurallarından hangisi bir metnin rengini değiştirmek için kullanılır?

a)

text-color

b)

font-color

c)

color

d)

font-style

2.

Aşağıdaki css kurallarından hangisi metinleri blok elementleri içerisinde iki yana yaslı olarak gösterilmesini sağlar?

a)

text-align:left

b)

text-align:right

c)

text-align:justify

d)

align:justify

3.

Aşağıdaki css kurallarından hangisi bir metnin font büyüklüğünü piksel olarak değiştirmek için kullanılır?

a)

font-size:16px;

b)

font-size:1em;

c)

font-size:1cm;

d)

font-size:10mm;

4.

Aşağıdaki css kurallarından hangisi bir metnin rengini kırmızı yapmak için kullanılır?

a)

text-color:red;

b)

color:red;

c)

color:#00FF00;

d)

text-color:#00FF00;

5.

Aşağıdaki css kurallarından hangisi bir blok elementinin tüm kenarlarını 1px ebatında,kesik çizgi ve kırmızı yapmak için kullanılır?

a)

border: 1px solid red;

b)

border:1px double blue;

c)

border:1px dashed red;

d)

border:1px dotted red;

6.

Zemin rengini değiştirmek için kullanılan CSS komutu hangisidir?

a)

background-color

b)

bgcolor

c)

color

d)

bg-color

7.

Bir metnin altı çizgili olması istenmiyor ise hangi komut kullanılmalıdır?

a)

text-decoration:underline

b)

text-decoration:none

c)

text-decoration:overline

d)

text-decoration:line-through

8.

CSS (Cascading Style Sheet) ile aşağıdakilerden hangisi yapılamaz?

a)

Bir yazının border’ının rengi kırımızı yapılması

b)

Bir yazının fontunun Arial yapılması

c)

Linkteki alt çizginin kaldırılması

d)

Bir sayfanın yeniden yüklenmesi

9.

Bir yazının eğik yazılması istenirse hangi CSS komutu kullanılmalıdır?

a)

font-style

b)

text-decoration

c)

font-family

d)

font-size

10.

Style etiketleri arasına elementleri sınıflandırarak verdiğimiz CSS kodlarındaki id'lere aşağıdaki işaretlerden hangisi ile ulaşırız ?

a)

#(hashtag/diyez)

b)

.(nokta)

c)

%

d)

+

11.

Class selector(seçicisi) ile id selector(seçicisi) arasındaki en önemli fark aşağıdakilerden hangisidir?

a)

class selector’ler yanlızca block level elementler için kullanılır. id ise inline elementler için kullanılır

b)

class’lar sadece renk ve border özellikleri için kullanılır. id her style için kullanılabilir.

c)

class selectorler istenildiği kadar kullanılabilir. id selector’ler yanlızca bir kere kullanılabilir.

d)

class selector’ler sadece .css dosyalarında kullanılır. id ise istenildiği yerde kullanılabilir.

12.

Aşağıdaki tag(etiket) 'lerden hangisiyle yazıyı ortalayabiliriz?

a)

right

b)

left

c)

body

d)

text-align

13.

CSS’in açılımı nedir?

a)

Casual Code Shape

b)

Cascading Style Sheets

c)

Cascading Sheet Styling

d)

Complete Site Styling

14.

Aşağıdaki css kurallarından hangisi metinleri blok elementleri içerisinde sola yaslı olarak gösterilmesini sağlar?

a)

text-align:left

b)

text-align:right

c)

text-align:justify

d)

align:justify

15.

Aşağıdaki css kurallarından hangisi bir blok elementinin tüm kenarlarını 1px ebatında,kesik çizgi ve kırmızı yapmak için kullanılır?

a)

border: 1px solid red;

b)

border:1px double blue;

c)

border:1px dashed red;

d)

border:1px dotted red;

16.

Verilen aşağıdaki CSS kuralını nasıl kullanırsınız?

#Makale {

color: #ff0000;

}


a)

<p id="Makale">örnek yazı</p>

b)

<p class="Makale">örnek yazı</p>

c)

<p >Makale</p>

d)

<id="Makale">örnek yazı</id>

17.

Style etiketleri arasına elementleri sınıflandırarak verdiğimiz CSS kodlarındaki class'lara aşağıdaki işaretlerden hangisi ile ulaşırız ?

a)

#

b)

.(nokta)

c)

%

d)

+

18.

Aşağıdaki kenar çizgisi biçemlerinden hangisi noktalı çizgi oluşturur?

a)

solid

b)

inset

c)

dashed

d)

dotted

19.

Aşağıdaki kenar çizgisi biçemlerinden hangisi çift çizgi oluşturur?

a)

solid

b)

double

c)

dashed

d)

dotted

20.

HTML sayfasında CSS kodları hangi kod blokları arasına yazılır?

a)

<html> </html>

b)

<body> </body>

c)

<p> </p>

d)

<style> </style>

21.

CSS kullanarak bir metnin yazı tipini değiştirmek için hangi kod kullanılır?

a)

font-family

b)

font-size

c)

font

d)

img

22.

CSS kodlarıyla border(kenarlık) biçimlendirirken sıralaması nasıldır?

a)

kalınlık, çizgi şekli, renk

b)

renk,kalınlık,çizgi şekli

c)

kalınlık,çizgi şekli,renk

d)

çizgi şekli,kalınlık,renk

23.

Aşağıdaki CSS kullanımlarından hangisi yanlıştır?

a)

color:blue;

b)

background-color:red;

c)

text-align=left;

d)

font-size:15px;

24.

CSS kullanarak yazı tipi özelliğini değiştirmek için hangi kod kullanılıır?

a)

font-size

b)

font-family

c)

font-weight

d)

line-height

25.

CSS kullanarak yazının kalınlık değerini ayarlamak için hangi kod bloğu kullanılır?

a)

font-weight

b)

font-size

c)

font-family

d)

font-bold

26.

CSS kullanarak metni eğik ya da normal yaparak yazı stilini ayarlamak için hangi kod bloğu kullanılır?

a)

font-weight

b)

font-size

c)

font-style

d)

font-family

27.

CSS kullanarak yazı stilini italik yapmak için hangi kod kullanılmalı?

a)

font-style:italic;

b)

font-style:normal;

c)

font-weight:normal;

d)

font-weight:italic;

28.

CSS kullanarak satırlar arası boşluk değerini ayarlamak için hangi kod bloğu kullanılmalı?

a)

line-height

b)

letter-spacing

c)

font-height

d)

font-size

29.

CSS kullanarak harfler arası boşluk değerini ayarlamak için hangi kod bloğu kullanılmalı?

a)

line-height

b)

letter-spacing

c)

font-size

d)

letter-height

30.

CSS kullanarak metnin kalınlık değerini ayarlamak için kullanılan kodlardan hangisi yanlıştır?

a)

font-weight:bold;

b)

font-weight:100;

c)

font-weight:900;

d)

font-weight:1000;