CSS Pratik Çalışma 1

Forum Sayfası

Hazırbulunuşluluk düzeyi: <i><b><p> taglerini biliyor olmak. CSS temel özelliklerini bilinmesi yeterlidir.

İstenen İşlemler:

İki paragraflık yazı hazırlayınız. Sayfada aşağıdaki işleri sağlayacak css kodlarını hazırlayınız. Paragrafları lorem_ipsum sitesinden alabilirsiniz.

  • Koyu yazıların zemin rengini sarı yapınız.
  • italik yazıları kırmızı yazmasını sağlayınız.

  • istenen işlemlerin hepsini <head></head> tag’i içerisine style tag’i yardımıyla hazırlayınız. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras varius diam in velit porta lobortis. Etiam vel blandit arcu, in mattis nisi. Proin interdum risus at nibh gravida rhoncus. Mauris id sem in mi suscipit dictum. Ut ac quam auctor, ullamcorper nibh quis, eleifend sapien. Maecenas eget urna id lorem pulvinar vestibulum ut quis ante. Sed eget malesuada turpis, ac blandit lacus. In suscipit sapien justo, non tincidunt libero porttitor non. Pellentesque mattis blandit erat a efficitur. Quisque augue lorem, interdum in nisi ut, aliquet euismod lorem. Phasellus auctor nibh odio, et molestie quam pretium eu. Nulla feugiat, lectus ut semper rhoncus, ante tellus dictum nisi, sed tincidunt risus metus vel arcu. Donec auctor justo non ex vehicula euismod. Ut mattis dui non consectetur accumsan. Nullam eu nunc fermentum justo mattis porta vitae ut purus. Sed erat quam, tincidunt tempor lectus in, fermentum consectetur ligula.

Phasellus tincidunt imperdiet auctor. Nulla volutpat vehicula tempus. Aliquam eleifend, nisi ut blandit tincidunt, sapien dolor facilisis erat, vel vulputate felis dui sit amet metus. Quisque scelerisque ante nec elit luctus scelerisque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent scelerisque pretium mauris, sed pulvinar neque bibendum vel. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla aliquam enim sed diam suscipit ultrices. Mauris ut ultrices ante. Sed vulputate nisl leo, a sollicitudin quam cursus eu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc dolor tellus, sodales et condimentum sed, convallis a dolor.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir