ابدأ بالتواصل مع الأشخاص وتبادل معارفك المهنية

أنشئ حسابًا أو سجّل الدخول للانضمام إلى مجتمعك المهني.

متابعة

Can you provide me with some examples on CSS?

user-image
تم إضافة السؤال من قبل Yasmeen Husam , Web Developer , Al Fahid Systems
تاريخ النشر: 2018/09/06
muhammad haris
من قبل muhammad haris , Senior CMS Developer , Slider Agency

html, body {

padding: 0; 

margin: 0;

font-family: roboto;

font-size: 15px;

color: #000;

background: transparent; 

line-height: 23px;

}

a, a:hover, a:focus {

text-decoration: none;

}

ul, ol { list-style-type: none; margin: 0; padding: 0; } 

 

body {background-color: blue;

}

 

p {

    background-color: red;

    width: 300px;

    border: 25px solid #ff6347;

    padding: 25px;

    margin: 25px;

    color: white;

    text-align: center;

    text-shadow: 3px 2px black;

    position: absolute;

    left: 20%;

    top: 30%;

    width: 50%;

    text-align: center;

    font-size: 18px;

}

rizwan  akhtar
من قبل rizwan akhtar , Associate ITES , 3rd eye advisory ltd

@import url("something.css");

 

body {

  margin: 0;

  padding: 3em 6em;

  font-family: tahoma, arial, sans-serif;

  color: #000;

}

 

#navigation a {

  font-weight: bold;

  text-decoration: none !important;

}

nowshaba  jeelani
من قبل nowshaba jeelani , L2 technical support engineer , SAP ariba

What kind of examples do you want? I recommend you visit w3school. It will help alot!

asmaa ahmed
من قبل asmaa ahmed , Graphics Design & Development , ُEtech

search on youtube about elzer school

مستخدم محذوف‎
من قبل مستخدم محذوف‎

I would like to describe to you two scenarios.

  1. build your own CSS files and be sure to apply different browser parameters like the font and other parameters with respect to responsivity. Make sure to start from Mobile-first UI view.
  2. you can use generic CSS frameworks like JQueryUI, Bootstrap and other. Bootstrap has good documentation and examples.

RESPONSIVE:

there is a countable amount of screens. 

Example:

  1. to for small monitors "mobiles"
  2. to for tablets
  3. to for laptop and desktop monitor
  4. to~ for wide screens

Cross-browser compatibility:

Example:

firefox, internet explorer, chrome, safari

.class_name{

//chrome and safari

-webkit-border-radius:3px;

// firefox

-moz-border-radius:3px;

}

as you see every cross-browser compatibility applied that every company has there own set of parameters.

Michael yacoub
من قبل Michael yacoub , Software Architect , Zulficar and Parnters

https://www.w3schools.com/css/

Good Luck

You Can See This Site

https://www.w3schools.com/css/

You will really benefit from it

Mian Zohaib
من قبل Mian Zohaib , Hardware & Software Engineer , Optimum Technology

https://learn.shayhowe.com/html-css/   i think help you

Amira Essam El-Din Abd El-Fattah
من قبل Amira Essam El-Din Abd El-Fattah , Full Stack Developer , FreeLancer

Visit this site, it's very useful. https://www.w3schools.com/css/ Good luck.

المزيد من الأسئلة المماثلة