Communiquez avec les autres et partagez vos connaissances professionnelles

Inscrivez-vous ou connectez-vous pour rejoindre votre communauté professionnelle.

Suivre

Can you provide me with some examples on CSS?

user-image
Question ajoutée par Yasmeen Husam , Web Developer , Al Fahid Systems
Date de publication: 2018/09/06
muhammad haris
par 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
par 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
par 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
par asmaa ahmed , Graphics Design & Development , ُEtech

search on youtube about elzer school

Utilisateur supprimé
par Utilisateur supprimé

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
par 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
par Mian Zohaib , Hardware & Software Engineer , Optimum Technology

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

Amira Essam El-Din Abd El-Fattah
par 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.

More Questions Like This

Avez-vous besoin d'aide pour créer un CV ayant les mots-clés recherchés par les employeurs?