How to merge inline css into an existing .css file

Questions and tutorials related to Cascading Style Sheets *all versions*

Moderators: egami, macek, gesf

Post Reply
larry29936
New php-forum User
New php-forum User
Posts: 18
Joined: Thu Mar 19, 2020 2:57 pm

Thu Apr 23, 2020 8:49 am

I have some inline css that I'd like to add to an existing styles.css file but have no idea what the format needs to be. Here's what the inline css looks like:

Code: Select all

<style>
      .container {
        display: flex;
    	max-width: 1350px;
	    margin-right: auto; 
	    margin-left: auto; 
	    padding-top: .3rem;
	    padding-bottom: 1.5rem;
      }
  
      .divL {
        box-sizing: border-box;
        padding: 5px; 
        border-right: solid 1px #000000;
        border-left: solid 1px #000000;
        background: #eaeaea;
        width: 50% ;
        }

    .divR {
        box-sizing: border-box;
        padding: 5px; 
        border-right: solid 1px #000000;
        border-left: solid 1px #000000;
        background: #eaeaea;
        width: 50% ;
       }

     .divR h1 {
		font-size:24px;
		font-weight:bold;
		margin-bottom:8px;
        border-bottom:solid 1px #000000;
		padding-bottom:10px;
        text-align: center;
	}
     .divR h2 {
		font-size:18px;
		font-weight:bold;
		margin-bottom:4px;
  		padding-bottom:5px;
        text-align: center;
    }
     .divR h4 {
		font-size:16px;
        font-weight:normal;
		margin-bottom:4px;
  		padding-bottom:5px;
        text-align:left;
    }
     .divL h1 {
		font-size:24px;
		font-weight:bold;
		margin-bottom:8px;
        border-bottom:solid 1px #000000;
		padding-bottom:10px;
        text-align: center;
	}
     .divL h2 {
		font-size:18px;
		font-weight:bold;
		margin-bottom:4px;
  		padding-bottom:5px;
        text-align: center;
    }
     .divL h4 {
		font-size:16px;
        font-weight:normal;
		margin-bottom:4px;
  		padding-bottom:5px;
        text-align: left;
    }
     .p {
		font-size:16px;
        color:#000000;
        font-weight:normal;
		margin-bottom:8px;
  		padding-bottom:10px;
    }
     .h1 {
		font-size:24px;
		font-weight:bold;
		margin-bottom:4px;
        border-bottom:solid 3px #000000;
		padding-bottom:5px;
        text-align: center;
	} 
</style>
How do I merge it into the pre-existing styles.css?
If you don't know what you don't know, ask an expert.
User avatar
hyper
php-forum GURU
php-forum GURU
Posts: 1192
Joined: Mon Feb 22, 2016 5:52 pm

Thu Apr 23, 2020 9:07 am

remove the <style></style> tags, then cut and paste it to your css file, then save it.
larry29936
New php-forum User
New php-forum User
Posts: 18
Joined: Thu Mar 19, 2020 2:57 pm

Thu Apr 23, 2020 9:27 am

Thanks for the reply, hyper. How do I identify the section of the styles.css file so that the html file knows how to format a section of the page? In other words, the tag in the html, like <div id="download" class="??????">?
If you don't know what you don't know, ask an expert.
User avatar
hyper
php-forum GURU
php-forum GURU
Posts: 1192
Joined: Mon Feb 22, 2016 5:52 pm

Thu Apr 23, 2020 9:36 am

Just paste it on the end of your current css file.
Post Reply