how you can change the style of the page without changing CSS files?


Tags: html,css,html5,browser,web

Problem :

How would you go about changing the appearance of a website say when demonstrating a website to a client without going directly into the css files and editing it.

For the purpose of an interactive styling session when as a customer we need little tweaks to the site as its in discussion.



Solution :

I don't see a better way than using the Web Inspector or Chrome DevTools

Web Inspector

The Web Inspector gives you quick and easy access to the richest set of development tools ever included in a browser. From viewing the structure of a page to debugging JavaScript to optimizing performance, the Web Inspector presents its tools in a clean window designed to make developing web applications more efficient. To activate it, choose Show Web Inspector from the Develop menu.

Safari Web Inspector - Styles

enter image description here

Common Browsers


    CSS Howto..

    how to copy font-family from a webpage

    How to link Body/Html Backgrounds with CSS in Ipad/Iphone (safari)

    how to change the colour property of tag used for a text

    How can I use min-width 100% and still have expanding by content?

    How to apply a class on
  • when mouse is hovering on it?
  • How to vertically center items in a div while keeping responsiveness? [duplicate]

    CSS how to create unveilable footer

    How to properly escape attribute values in css/js attribute selector [attr=value]?

    How change the background colour of the kendo ui datepicker using css [duplicate]

    How to turn this menu into a MultiLevel one?

    How do I add CSS font styles to PHP echos?

    How can I set inline css styles for an element with javascript?

    Showing divs in th on the same line

    How to make first page fullscreen and others not [closed]

    How to separate Text and HTML with CSS

    how to connect circles with lines without ovelaping

    How can I create Javascript Buttons with Themes?

    How to Change Style of Parent
  • on Hover
  • Cakephp how to remove underline on links

    How to COLOR lower-roman ordered list style in html with just css?

    How to create a

    How to add hover effect to using CKEditor?
    Here is a script to highlight columns where there is checkmarks with an orange background-color. var CKE = $( '.editor' ); CKE.ckeditor(); var columnIndex=0; $("#update").click(function(){ // Output CKEditor's result in...
    Read more

    How do I update an div css to display an complete image when section is complete?

    How to place a scroll down button in the middle of split screen window?

    API embeded code is sending