We can use some Basic (Global) CSS for our website, which help us to handle many element automatically. For eg:- If you are using Bootstrap for your project then for all the Images you have to use ".img-responsive" class, by making a global css i.e img{ max-width: 100%; height: auto; } now every img in your project is responsive.


Here are the some Basic CSS you can use:-

body { background: #fff; color: #414141; font-family: 'Roboto', sans-serif; font-size: 16px; overflow-x: hidden; -webkit-text-stroke: rgba(255,255,255,0.01) 0.1px; -webkit-font-smoothing: antialiased !important; }

a { text-decoration: none; -ms-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

a:hover, a:focus, a:active { outline: medium none; text-decoration: none; } *:focus { outline: none; }

img { max-width: 100%, height: auto; }

strong, b { font-weight: 700; }

i, em { font-style: italic; }

.clear { border: 0; clear: both; height: 0; }

h1, h2, h3, h4, h5, h6, p { font-weight: normal; margin: 0; }

input, textarea { -webkit-appearance: none; border-radius: 0; }

Note: You can change the properties as per you requirement, like: font-size, color, font-family.


514 0 1