Start networking and exchanging professional insights

Register now or log in to join your professional community.

Follow

Can you provide me with some examples on CSS?

user-image
Question added by Yasmeen Husam , Web Developer , Al Fahid Systems
Date Posted: 2018/09/06
muhammad haris
by 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
by 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
by 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
by asmaa ahmed , Graphics Design & Development , ُEtech

search on youtube about elzer school

Deleted user
by Deleted user

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

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

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