Font size
Worksheetscss
Total questions: 30
Worksheet time: 20mins
Aşağıdaki css kurallarından hangisi bir metnin rengini değiştirmek için kullanılır?
text-color
font-color
color
font-style
Aşağıdaki css kurallarından hangisi metinleri blok elementleri içerisinde iki yana yaslı olarak gösterilmesini sağlar?
text-align:left
text-align:right
text-align:justify
align:justify
Aşağıdaki css kurallarından hangisi bir metnin rengini kırmızı yapmak için kullanılır?
text-color:red;
color:red;
color:#red;
text-color:#red;
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?
border: 1px solid red;
border:1px double blue;
border:1px dashed red;
border:1px dotted red;
Aşağıdaki css kurallarından hangisi bir blok elementinin genişliğini 300px , yüksekliğini 500px yapmak için kullanılır?
div{width:300px,height:500px;}
div{width:500px,height:300px;}
b{width:300px,height:500px;}
span{width:400px,height:400px;}
2 kutu elementini yan yana getirmek için kullanılan css kodunu yazınız.
Web sayfamız içerisine bulunan paragraf elementlerinin içerisinde bulunan metinlerin yeşil olmasını ve font büyüklüklerininde 16px olmasını sağlayacak css kuralını yazınız.
Şekilde verilen yönergelere uygun olarak yazılması gereken css kurallarını yazınız.
Zemin rengini değiştirmek için kullanılan CSS komutu hangisidir?
background-color
bgcolor
color
bg-color
Zemin resmininin sürekli tekrarlanmasını engelleyen komut hangisidir?
repeat-x
repeat-y
no-repeat
none
Bir metnin altı çizgili olması istenmiyor ise hangi komut kullanılmalıdır?
text-decoration:underline
text-decoration:none
text-decoration:overline
text-decoration:line-through
Bir div nesnesinin sol ve üstünde boşluk bırakılmak istenirse CSS kodlarında hangi seçenekler yazılmalıdır?
margin-bottom
margin-top
margin-right
margin-left
CSS (Cascading Style Sheet) ile aşağıdakilerden hangisi yapılamaz?
Bir tablonun border’ının rengi kırmızı yapılması
Bir yazının fontunun Arial yapılması
Bir link’in üzerine gelindiğinde link’in renginin değiştirilmesi
Bir sayfanın yeniden yüklenmesi
Bir yazının eğik yazılması istenirse hangi CSS komutu kullanılmalıdır?
font-style
text-decoration
font-family
font-size
Bir yazının koyu yazılması için kullanılan CSS kodu hangisidir?
font-size
font-style
font-weight
font-family
Aşağıdaki HTML etiketlerinden hangileri kendisinden sonra gelen metni yada etikeleri bir alt satıra atar?
h1
span
i
div
p
Aşaşıdakilerden hangisi class adı tanımlamak için kullanılamaz?
12div
h1
table
body
Bir websitesi tasarımında iki div nesnesinin yanyana konumlandırılması isteniyorsa hangisi kullanılmalıdır?
padding-top:auto
float:left
margin:auto
width:100%
Zemin resminin yatay olarak gösterilmesi için kullanılan CSS ifadesi hangisidir?
Background-image:norepeat
Background-image:repeat-x
Background-image:repeat-y
Background-image:repeat
Verilen aşağıdaki CSS kuralını nasıl kullanırsınız?
#Makale {
color: #ff0000;
}
<p id="Makale">örnek yazı</p>
<p class="Makale">örnek yazı</p>
<p >Makale</p>
<id="Makale">örnek yazı</id>
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 ?
#
.(nokta)
%
+
Görmüş olduğunuz CSS kodları içerisindeki margin: 10px özelliği neyi ifade etmektedir ?
10 px kenarlık kalınlığı
Kenarlığın çevresine verilen 10px boşluk
Kenarlık ile içerik arasındaki 10px boşluk
Class selector(seçicisi) ile id selector(seçicisi) arasındaki en önemli fark aşağıdakilerden hangisidir?
class selector’ler yanlızca inline elementler için geçerlidir. id ise block level için geçerlidir.
class selector’ler yanlızca block level elementler için kullanılır. id ise inline elementler için kullanılır
class’lar sadece renk ve border özellikleri için kullanılır. id her style için kullanılabilir.
class selectorler istenildiği kadar kullanılabilir. id selector’ler yanlızca bir kere kullanılabilir.
class selector’ler sadece .css dosyalarında kullanılır. id ise istenildiği yerde kullanılabilir.
Bir sayfadaki tüm linklerin alt çizgisini kaldırmak için aşağıdaki hangi style’li kullanmamız gerekir?
a{text-line:none}
a{text-line:none}
link{text-line:none}
a{text-decoration:none}
a{text-decoration:null}
CSS’in padding tanımı ne işe yarar?
Öğelerin kenalarından içine olan boşluğunu yönetir.
Öğelerin kenalarından dışarıya ve diğer öğelere olan boşluğunu yönetir.
Öğelerin sağa veya sola yaslanmasını sağlar.
Öğeleri, içindeki tüm yapılarla beraber büyütür.
1. Verilen aşağıdaki CSS kuralını nasıl kullanırsınız?
.p {
color: #ff0000;
}
<p>some text</p>
<div class="p">some text</div>
<div id="p">some text</div>
Hepsi
CSS'de önceki satırdaki hizalama etkisinden kurtulmak ve blokları bir sonraki satıra taşımak için kullanılan kod hangisidir?
align:center;
margin:auto;
clear:both;
float:left;
CSS'de kutucukları ortalamak için hangi kod kullanılır?
margin:auto;
float:right;
align:center;
clear:both;
Bir web sayfasında bir resmi istediğimiz yere yerleştirmek için kullanılan Css komutu hangisidir?
background-image
background-position
background-attachment
background-repeat
css de kod sıralaması yaparken 4lü kullanımda bu sıralama hangi yönde gerçekleşir?
alt sol üst sağ
sol sağ üst alt
üst sağ alt sol
üst sol alt sağ
