inline styling.

inside styling using style tag element like so:

                  
      
              
      <style type="text/css">
            
      <style type="text/css" media="all (min-width:800px)">
  style with media query    
      <style type="text/css" title="smartphone">
    style alternate        
      <style type="text/css" media="all (max-width:40px)" title="smartphone">
  style alternate based on media query

outside styling using <link> tag like so:


%lt;link href="" hreflang="" rel="stylesheet" type="" > 

    style

%lt;link href="" hreflang="" rel="stylesheet" type="" media="all (min-width:800px)" > 

    style based on media query

%lt;link href="" hreflang="" rel="alternate stylesheet" type="" media="all (min-width:800px)" title="smartphone">

    alternate stylesheet

@import at-rule.